vue2中的通信方式

1.props进行组件间通信 （父传子）

    

 子组件中有个props属性可以接受父级传过来的变量

   父组件在调用子组件的时候通过字面量传递

2. 通过 $emit 触发自定义事件（子传父）

        子组件通过$emit触发定义在父组件里面的自定义事件，他可以传两个值，第一个是自定义事件名，第二个是要传递的值。

3.ref

    ref在vue2是用来注册dom或子组件的引用信息的，引用信息将会被注册到父级的$refs对象上面

然后就可以在父级通过$refs获取引用信息

4.EventBus

      在mian 里面创建空的vue对象作为全局总线，事件总线，同时，将其绑定在vue原型上。

   

在使用的时候

       1.this.$eventBus.$emit( 'changeFunc' , 123, 'abc' )

        2/ /绑定前需先解绑，避免反复触发、内存泄漏的问题
         this.$eventBus.$off( 'changeFunc' );  
         this.$eventBus.$on( 'changeFunc' , (val1, val2)=>{
             this.msg = val1;
             this.msg2 = val2;
         } )

  5    $parent   相同父节点

     组件A this.$parent.on('add',this.add)

      组件B this.$parent.emit('add')

 6.使用 $attrs 与 $listeners

      $attrs可以接受除了props里面的接受的传递值以外的所有值

      $listeners可以接受到父级穿过来的所有事件

7. provide和Inject 来实现传值

8 vuex