破壳而出的蝌蚪

摘要： 组件 组件之间的数据是单向绑定的。 父组件向子组件通信 是通过子组件定义的props属性来实现。通过props定义变量与变量类型和验证方式。 props简化定义 在简化定义中，变量是以数组的方式定义。 props完整定义 完整定义是采用字面量形式，type 要定义的类型 通信方式 父组件向子组件定义 阅读全文

摘要： this 指针问题 methods与computed中的this指针 应该指向的是它们自己，可是为什么this指针却可以访问data对象中的成员呢？ 因为new Vue对象实例化后data中的成员和computed中的成员为实现化对象属性了，而methods中定义的方法为实现化对象方法了。这时thi 阅读全文

摘要： export与import复合使用 基本语法 export {...} from '文件'; 等价于 import {...} from "文件"； export {...} 先加载模块，然后重定义输出。 重定义输出名 重定义默认变量名 整体输出 export * 整体输出是输出 a.js中定义的所 阅读全文

摘要： export default default 本质是将后面变量（值）赋给 default，然后以default名称输出。 import 在获取default变量时，写在大括号的外面 ，可自定义名称。 变量写法 函数写法 匿名写法也可以用于非匿名函数，不过在模块外func1函数名无效，并且视为匿名函数 阅读全文

摘要： export 命令 1、概念 export用于定义要输出的变量（let、var、const、function、class）,定义的变量与值是动态绑定关系。 2、命令格式 1、 export 变量定义 2、 export { 变量名 [ as 另名} ,…} 3、 export default 匿名定 阅读全文

摘要： 采用flexbox弹性容器 在手机端进行页面布局 样本地址： http://tpl.zhuamimi.cn/%E6%89%8B%E6%9C%BA%E7%AB%AF%E9%A1%B5%E9%9D%A2-Flexbox/flex%E5%B8%83%E5%B1%80%E7%BB%83%E4%B9%A0-% 阅读全文

摘要： 采用 flexbox 弹性容器进行布局，只做练习用。 浏览器打开时切换到手机模式。 样本地址： http://tpl.zhuamimi.cn/%E6%89%8B%E6%9C%BA%E7%AB%AF%E9%A1%B5%E9%9D%A2-Flexbox/flex%E7%BB%83%E4%B9%A0-%E 阅读全文

摘要： 0、最终成品 1、头部布局实现 1：设置module-header为弹性容器，可采用两端对齐或把m-left设置为主轴起点边缘对齐、把m-right设置为主轴终点边缘对齐 2：左、右两边可能存在多项，那么在把它们两块设置为弹性容器 3：考虑到弹性项目大小可能不一样，可设置为垂直居中。 2、多行双排并 阅读全文

摘要： Flexbox页面布局实例，成本效果图如下， 源码下载在最下面。 源码下载：https://pan.baidu.com/s/18o5hVuWtflUpgvMk3LzQ5w 提取码：wiyc样本地址：http://tpl.zhuamimi.cn/%E6%89%8B%E6%9C%BA%E7%AB%AF% 阅读全文

摘要： 弹性容器单行：主轴居中，交叉轴居中。 弹性容器单行；主轴两端对齐；交叉轴一个为起点边缘；一个为终点边缘； 单选；主轴两端对齐；交叉轴一个为起点边缘；一个为居中对齐；一个为终点边缘； 1：弹性窗口设置为多行，交叉轴为两端对齐 2：每行基础大小设置为100%，然后每个子行主轴为两端对齐 在4的基础上增加 阅读全文