引入
ts
import { initGlobalVue3EBus, initDiffVue3EBus } from 't-comm';
// 不支持 tree-shaking 的项目
import { initGlobalVue3EBus, initDiffVue3EBus} from 't-comm/lib/e-bus/index';
// 只支持 ESM 的项目
import { initGlobalVue3EBus, initDiffVue3EBus} from 't-comm/es/e-bus/index';initGlobalVue3EBus
描述:挂载统一的eBus,所有实例共用一个
参数:
| 参数名 | 描述 |
|---|---|
| app | Vue3 应用实例 |
示例
ts
import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
initGlobalVue3EBus(app);
// 组件内:this.$ebus.emit('event-name', payload)initDiffVue3EBus
描述:挂载唯一的eBus,不同实例用不同的
参数:
| 参数名 | 描述 |
|---|---|
| app | Vue3 应用实例 |
示例
ts
import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
const [_, eBus] = initDiffVue3EBus(app);
// 每个 app 实例拥有独立的 eBus