vue的组件通讯方式

常见使用场景可以分为三类:

父子组件通信:

props / $emit;

$parent / $children;

provide / inject;

ref / refs;

$attrs / $listeners

兄弟组件通信:

eventBus（$emit / $on）;

vuex;

跨级通信:

eventBus（$emit / $on）;

vuex;

provide / inject;

$attrs / $listeners

另外还有一些比较特殊的通讯情况需要注意

特殊的通讯：

v-model / $emit('input',val)----属于input特有的语法糖

XXX.sync / $emit('XXX:update',val)----语法糖

localStorage / sessionStorage----使用浏览器存储，用于数据持久化

boradcast和dispatch----vue1.0有提供，2.0没有