Vue组件通信

Vue组件通信

一、父子间传递 prop / $emit

父组件向子组件传值，通过绑定属性来向子组件传入数据，子组件通过 Props 属性获取对应数据。

子组件向父组件传值（通过事件形式），子组件通过 $emit 事件向父组件发送消息，将自己的数据传递给父组件。

二、$emit / $on

三、Vuex

四、$attrs / $listeners

五、Provider / Inject

六、$parent / $children & $refs

参考资料：

https://mp.weixin.qq.com/s/JLgASmwS7QI6h-ZBPlMBkw