组件通信方式有:vuex,ref,父子通信(父传子、子传父),兄弟通信(eventBus), 祖先后代通信(依赖注入)
父传子:父组件内:在子组件标签上设置自定义属性传递数据,
子组件内:子组件通过props接收数据
子传父: 父组件内:在子组件标签上设置自定义事件 @自定义事件名=" 函数"
子组件:子组件内通过:$emit('自定义事件名‘,参数1,参数2')
子组件标签绑定单击事件触发父组件的方法
兄弟通信:创建一个谁都能访问事件总线(里面是空的vue实例)
接受数据(使用数据)方,通过$on事件
发送数据(发送方),通过$emit事件
祖先后代通信:
依赖注入
孙子组件用inject接收数据
父组件 导入 注册孙子组件
祖先组件:通过provide提供数据,导入 注册父组件