Vue中不同组件通信的方式

1. props父组件向子组件传递  emit 子组件向父组件传递

2.  $root $parent

   都能够实现访问父组件的属性的方法，两者的区别在于，如果存在多级子组件，通过$parent访问得到的是它最近一级的父组件，通过root访问得到的是根组件。

     $root 访问根元素。this.$root.属性名。可以将根组件作为一个全局store来访问或使用。

     $parent 访问父元素。this.$parent.属性名。

     $ref 父组件对于特定子组件进行访问 子组件标签需要添加ref属性值，父组件可通过this.$refs.ref属性值来访问实例

    3. provide inject :祖先组件中通过provide提供变量， 然后在子孙组件中通过inject注入变量。

     provide / inject API 主要解决了跨级组件间的通信问题，

      4. event hub/event bus $on $emit

      5. vuex 组件状态管理

      6. 本地储存：localStorage sissonStorage