vue2和vue3 使用$bus事件总线的区别

一、vue2

在main.js文件里

Vue.prototype.$bus = new Vue() // event Bus 用于无关系组件间的通信

监听

this.$bus.$on('buried-point', (data) => {});

触发

this.$bus.$emit('buried-point', {
     event: 't-total',
     duration: tStartTime,
     explain: '总访问时间'
})

二、vue3

在main.js文件里

import mitt from 'mitt'

import { createApp } from 'vue'
import App from './App.vue'


const app = createApp(App)

app.config.globalProperties.$bus = new mitt() // event Bus 用于无关系组件间的通信

 监听

this.$bus.$on('buried-point', (data) => {});

触发

this.$bus.$emit('buried-point', {
     event: 't-total',
     duration: tStartTime,
     explain: '总访问时间'
})