Vue2学习第一天

1.解决全局和局部样式冲突

在style里面加scoped作用于局部样式。

2.在组件中data数据不能是对象，而是函数

1.组件通信

1.（父子之间）组件通信

父亲给儿子组件标签动态（加冒号）赋值属性，父传子

儿子通过props接收

儿子修改传回父亲，子传父

props校验（单项数据流，子组件不能直接修改父组件传来数据，谁的数据谁负责，用$emit）

2.（简易非父子）组件通信-event bus(事件总线)可以一对多

1.在utils下写一个实例.js，注意发布和接收都要引入

2.接收方在created监听

3.发布方用$emit发布

3.（非父子）组件通信-provide&inject(跨层级共享 例：爷孙)

主组件中数据用provide，接收方用inject接收

注意：简单类型数据不可响应，复杂类型可以响应！推荐写成复杂类型，对象写法。

2.v-model原理（重要）

双向绑定

1.表单类组件封装

父组件只需要干两件事（提供数据+绑定）

子组件通过props接收 注意值用value，$emit用input

select组件中分开写

2.ref和$refs获取DOM和组件实例

3.VUE异步更新，$nextTick