Vue中的6种组件通信方式

1、props

作用：让组件接收外部传过来的数据

适用场景：父子组件通信

注意事项：

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

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

3种书写方式

1.只接收：props:["name"]；

2.限制类型：props:{"name:String"}；

3.限制类型，限制必要性，指定默认值：props：{name：{type：string,required:true}}

小提示：

路由props

2、自定义事件

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

$on与$emit

3、全局事件总线$bus

适用场景：万能

Vue.prototype.$bus=this;

4、消息订阅与发布（pubsub）

适用场景：万能

5、Vuex

定义：在vue中实现集中式状态（数据）管理的一个vue插件，对vue应用中多个组件的共享状态进行集中式的管理

适用场景：万能

6、插槽

作用：让父组件可以向子组件指定位置插入html结构

适用场景：父子组件通信

3种方式

1.默认插槽

2.具名插槽

3.作用域插槽