1.父传子:props
    父组件通过 props 向下传递数据给子组件。注:组件中的数据共有三种形式:data、props、computed

    2.父传子孙:provide 和 inject
    父组件定义provide方法return需要分享给子孙组件的属性,子孙组件使用 inject 选项来接收指定的我们想要添加在这个实例上的 属性;

    3.子传父:通过事件形式
    子组件通过 $emit()给父组件发送消息,父组件通过v-on绑定事件接收数据。

    4.父子、兄弟、跨级:eventBus.js
    这种方法通过一个空的 Vue 实例作为中央事件总线(事件中心),用它来(e m i t ) 触 发 事 件 和 ( emit)触发事件和(emit)触发事件和(on)监听事件,巧妙而轻量地实现了任何组件间的通信。

    5.通信插件:PubSub.js

    6.vuex
    vuex 是 vue 的状态管理器,存储的数据是响应式的。只需要把共享的值放到vuex中,其他需要的组件直接获取使用即可;