摘要:
1、概述 Vue在观察到数据变化时并不是立即更新DOM,而是开启一个队列,并缓冲在同一个事件循环中发生所有数据的改变。 在缓冲时会去除重复的数据,从而避免不必要的计算和DOM操作。 在下一个事件循环的tick中,Vue刷新队列并执行实际(已去重)的工作。 Vue是异步更新DOM(异步更新队列)。 $ 阅读全文
摘要:
使用场景:复用子组件的slot,又可以使slot的内容不一样。 阅读全文
摘要:
1、概述 slot:混合父组件的内容和子组件的模板。 slot分发的内容,作用域在父组件上。 2、单个slot 子组件使用<slot>,在父组件模板里,插入子组件标签里的内容替换子组件slot标签以及它的内容。 3、具名slot 阅读全文
摘要:
1、中央事件总线bus 2、父链 注:尽量少用,父子组件最好通过props和$emit来通信。 3、子组件索引 注:仅仅作为直接访问子组件的应急方案,避免在模板或者计算属性中使用$refs. 阅读全文
摘要:
1、自定义事件 2、v-model 阅读全文
摘要:
1、props通信 注意:DOM模板的驼峰命名props要转为短横分割命名。 传递动态数据(v-bind): 2、单向数据流 (1)子组件保存父组件传递过来的值,在子组件自己的作用域下修改和使用。 (2)使用计算属性 阅读全文
摘要:
(1)全局注册 (2)局部注册 (3)is挂载组件 table、ul、ol、select这些标签会限制其内的元素,这时可以使用is来挂载组件 (4)组件也可以有data,method,computed等属性。但是data是函数,数据需要return出去。 (5)解决多个组件之间数据共享问题 给组件返 阅读全文
摘要:
1、v-model v-model不再关心初始化的value值。 效果: 2、单选 3、复选框 (1)单独使用时 v-model绑定布尔值 (2)组合使用 4、下拉列表 (1)单选下拉列表 (2)多选下拉列表 5、修饰符 (1)lazy (2)number 输入转为number类型 (3)trim 阅读全文
摘要:
代码下载地址:https://github.com/MengFangui/VueShoppingCart 1、index.html 2、index.js 3、style.css 4、效果 阅读全文
摘要:
1、$event 变量 $event 变量用于访问原生DOM事件。 2、修饰符 示例: 阅读全文