vue2-scoped关键字、组件通信

一、scoped样式冲突

1.不加scoped

2.加上scoped修饰

3.scoped作用原理

二、data必须是一个函数

三、组件通信

1.父传子props

2.子传父$emit(监听事件名，修改值)

3.props传多个不同类型的值和props类型校验

4.props校验完整写法

5.单向数据流

data中的数据是自己的，可以改

props中的数据是父组件的，不能直接改，使用$emit()才能改

也就是父组件data中的数据单向流动到子组件props

6.非父子通信-Event Bus事件总线

7.非父子通信-provide&inject

用于跨层级通信

例如祖宗组件的数据通过provide提供，子孙组件通过inject接收

且provide提供的数据最好是复杂数据类型的数据，例如对象类型

这样才能响应式地更改子孙组件的数据

8.v-model原理

v-model作用于输入框相当于:value 和 @input的结合

父子组件之间通过v-model通信