摘要：
1、概述 Vue在观察到数据变化时并不是立即更新DOM，而是开启一个队列，并缓冲在同一个事件循环中发生所有数据的改变。 在缓冲时会去除重复的数据，从而避免不必要的计算和DOM操作。 在下一个事件循环的tick中，Vue刷新队列并执行实际（已去重）的工作。 Vue是异步更新DOM（异步更新队列）。 $ 阅读全文
posted @ 2017-12-19 09:20
孟繁贵
阅读(455)
评论(0)
推荐(0)
摘要：
使用场景：复用子组件的slot，又可以使slot的内容不一样。 阅读全文
posted @ 2017-12-18 17:05
孟繁贵
阅读(497)
评论(4)
推荐(1)
摘要：
1、概述 slot:混合父组件的内容和子组件的模板。 slot分发的内容，作用域在父组件上。 2、单个slot 子组件使用<slot>，在父组件模板里，插入子组件标签里的内容替换子组件slot标签以及它的内容。 3、具名slot 阅读全文
posted @ 2017-12-18 16:45
孟繁贵
阅读(465)
评论(0)
推荐(0)
摘要：
1、中央事件总线bus 2、父链 注：尽量少用，父子组件最好通过props和$emit来通信。 3、子组件索引 注：仅仅作为直接访问子组件的应急方案，避免在模板或者计算属性中使用$refs. 阅读全文
posted @ 2017-12-18 16:00
孟繁贵
阅读(292)
评论(0)
推荐(0)
摘要：
1、自定义事件 2、v-model 阅读全文
posted @ 2017-12-18 15:35
孟繁贵
阅读(461)
评论(0)
推荐(0)
摘要：
1、props通信 注意：DOM模板的驼峰命名props要转为短横分割命名。 传递动态数据（v-bind）： 2、单向数据流 （1）子组件保存父组件传递过来的值，在子组件自己的作用域下修改和使用。 （2）使用计算属性 阅读全文
posted @ 2017-12-18 14:54
孟繁贵
阅读(1587)
评论(0)
推荐(0)
摘要：
（1）全局注册 （2）局部注册 （3）is挂载组件 table、ul、ol、select这些标签会限制其内的元素，这时可以使用is来挂载组件 （4）组件也可以有data，method，computed等属性。但是data是函数，数据需要return出去。 （5）解决多个组件之间数据共享问题 给组件返 阅读全文
posted @ 2017-12-18 12:00
孟繁贵
阅读(5347)
评论(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
孟繁贵
阅读(382)
评论(0)
推荐(0)
摘要：
代码下载地址：https://github.com/MengFangui/VueShoppingCart 1、index.html 2、index.js 3、style.css 4、效果 阅读全文
posted @ 2017-12-18 10:31
孟繁贵
阅读(4079)
评论(0)
推荐(0)
摘要：
1、$event 变量 $event 变量用于访问原生DOM事件。 2、修饰符 示例： 阅读全文
posted @ 2017-12-18 10:15
孟繁贵
阅读(337)
评论(0)
推荐(0)
浙公网安备 33010602011771号