非父子通信

62 阅读1分钟

事件总线

使用场景

适用于简单数据类型

简单示例:

1.创建eventBus

import Vue from 'vue'
const Bus = new Vue();
export default Bus;

2.消息订阅

3.消息发送方 this.$emit('sendMsg','测试数据')

非父子通信PrOvide&inject

适应场景

实现跨层级共享数据

示例代码

父组件

子组件