组件通信方式

1.props

适用场景：父子组件通信
注意事项：
父组件给子组件传递数据（函数）：实质是子组件给父组件传递数据
父组件给子组件传递数据（非函数）：实质是父组件给子组件传递数据
书写方式：3种
['todos']
{type:Array}
{type:Array,defalt:[]}
小提示：路由的props
书写形式：布尔值、对象、函数

2.自定义事件

适用场景：子组件给父组件传递数据
emit

3.全局事件总线$bus

适用场景：万能
Vue.prototype.$bus = this;

4.pubsub-js,在react框架种使用比较多（发布与订阅）

适用场景：万能

5.Vuex

适用场景：万能

6.插槽

适用场景：父子组件通信----（一般结构(标签)）
默认插槽
具名插槽
作用域插槽:子组件的数据来源于父组件，子组件是决定不了自身的结构和样式

7.v-model

vue框架中的指令，主要结合表单元素一起使用（文本框、复选、单选等）
主要作用是收集表单数据
V-model实现原理：value与input事件实现的，而且需要注意 可通过v-model实现父子组件数据同步

8.属性修饰符sync

适用场景：父子组件数据同步
:money.sync,代表父组件给字符串传递props【money】,给当前子组件绑定一个自定义事件（update:money）

9.listeners

适用场景：父组件给子组件传递属性和自定义事件

10.parent

11.混入mixin