vue中组件通信,一般分为三种情况,父与子,子与父,子子之间。
一、父与子通信
父组件将值传给子组件,一般通过props,设置默认的类型。调用的时候通过 xx=" ", 或者:XX=" " 以属性的方式传入:
父组件:
子组件:
子组件是不可以改变props传过来的值的,如果想改变可以定义新的变量,props值只作为初始值。
在父组件中,给子组件加上事件:
需要加上 .native
二、 子与父通信
子与父的通信,一般是子通过$emit 触发父组件中的方法,来改变相应的值:
父组件:
子组件:
三、非父子间通信
$root 访问到根父级的属性
A组件
B组件