vue 中的组件通信

    vue中组件通信，一般分为三种情况，父与子，子与父，子子之间。

    一、父与子通信

         父组件将值传给子组件，一般通过props,设置默认的类型。调用的时候通过 xx=" ", 或者:XX=" " 以属性的方式传入：

        父组件：

         

        子组件：

         

         

         子组件是不可以改变props传过来的值的，如果想改变可以定义新的变量，props值只作为初始值。

      

       在父组件中，给子组件加上事件：

     

    

    需要加上 .native

 

 

   二、 子与父通信

           子与父的通信，一般是子通过$emit 触发父组件中的方法，来改变相应的值：

            父组件：

             

             子组件：

             

 

 三、非父子间通信

     

 $root 访问到根父级的属性

A组件

B组件