打赏
摘要: 使用场景:复用子组件的slot,又可以使slot的内容不一样。 阅读全文
posted @ 2017-12-18 17:05 孟繁贵 阅读(494) 评论(4) 推荐(1) 编辑
摘要: 1、概述 slot:混合父组件的内容和子组件的模板。 slot分发的内容,作用域在父组件上。 2、单个slot 子组件使用<slot>,在父组件模板里,插入子组件标签里的内容替换子组件slot标签以及它的内容。 3、具名slot 阅读全文
posted @ 2017-12-18 16:45 孟繁贵 阅读(459) 评论(0) 推荐(0) 编辑
摘要: 1、中央事件总线bus 2、父链 注:尽量少用,父子组件最好通过props和$emit来通信。 3、子组件索引 注:仅仅作为直接访问子组件的应急方案,避免在模板或者计算属性中使用$refs. 阅读全文
posted @ 2017-12-18 16:00 孟繁贵 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 1、自定义事件 2、v-model 阅读全文
posted @ 2017-12-18 15:35 孟繁贵 阅读(455) 评论(0) 推荐(0) 编辑
摘要: 1、props通信 注意:DOM模板的驼峰命名props要转为短横分割命名。 传递动态数据(v-bind): 2、单向数据流 (1)子组件保存父组件传递过来的值,在子组件自己的作用域下修改和使用。 (2)使用计算属性 阅读全文
posted @ 2017-12-18 14:54 孟繁贵 阅读(1575) 评论(0) 推荐(0) 编辑
摘要: (1)全局注册 (2)局部注册 (3)is挂载组件 table、ul、ol、select这些标签会限制其内的元素,这时可以使用is来挂载组件 (4)组件也可以有data,method,computed等属性。但是data是函数,数据需要return出去。 (5)解决多个组件之间数据共享问题 给组件返 阅读全文
posted @ 2017-12-18 12:00 孟繁贵 阅读(5337) 评论(0) 推荐(0) 编辑
摘要: 1、v-model v-model不再关心初始化的value值。 效果: 2、单选 3、复选框 (1)单独使用时 v-model绑定布尔值 (2)组合使用 4、下拉列表 (1)单选下拉列表 (2)多选下拉列表 5、修饰符 (1)lazy (2)number 输入转为number类型 (3)trim 阅读全文
posted @ 2017-12-18 11:35 孟繁贵 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 代码下载地址:https://github.com/MengFangui/VueShoppingCart 1、index.html 2、index.js 3、style.css 4、效果 阅读全文
posted @ 2017-12-18 10:31 孟繁贵 阅读(4067) 评论(0) 推荐(0) 编辑
摘要: 1、$event 变量 $event 变量用于访问原生DOM事件。 2、修饰符 示例: 阅读全文
posted @ 2017-12-18 10:15 孟繁贵 阅读(333) 评论(0) 推荐(0) 编辑
TOP