vue 中的组件通信

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

    一、父与子通信

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

        父组件:

         

        子组件:

         

         

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

      

       在父组件中,给子组件加上事件:

     

    

    需要加上 .native

   二、 子与父通信

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

            父组件:

             

             子组件:

             

 三、非父子间通信

     

 $root 访问到根父级的属性

A组件

B组件

 

         

原文地址:https://www.cnblogs.com/leyan/p/8241695.html