Vue中的六种组件通信

第一种: props

适用于场景： 父子组件通信

注意事项：

如果父组件给子组件传递数据（函数）:本质其实是子组件给父组件传递数据

如果父组件给子组件传递的数据（非函数):本质就是父组件给子组件传递数据

书写方式：3种

['todos'], {type:Array},{type:Array,default:[ ] }

小提示： 路由的props 书写形式：布尔值、对象、函数形式。

第二种：自定义事件

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

$on与$emit

第三种: 全局事件总线$bus

适用于全部场景(父子通信、兄弟组件通信)

Vue.prototype.$bus=this

第四种：pubsub-js，在React框架中使用比较多，（发布于订阅）

适用于所有场景

第五种：Vuex

适用于所有场景

第六种：插槽

适用于场景：父子组件通信---------（一般结构）

默认插槽、具名插槽、作用于插槽