本文要讲解的内容原文档地址点我传送
Vue3.0中事件API
$on
,$off
和 $once
实例方法已被移除,应用实例不再实现事件触发接口。
接下来我们分析下为什么要在Vue3中去掉,如果需要继续使用此功能改为使用第三方 mitt 库替代。
2.x语法
在 2.x 中,Vue 实例可用于触发通过事件触发 API 强制附加的处理程序 ($on
,$off
和 $once
),这用于创建 event hub,以创建在整个应用程序中使用的全局事件侦听器:
eventHub.js
// eventHub.js
const eventHub = new Vue()
export default eventHub
ChildComponent.vue
// ChildComponent.vue
import eventHub from './eventHub'
export default {
mounted() {
// 添加 eventHub listener
eventHub.$on('custom-event', () => {
console.log('Custom event triggered!')
})
},
beforeDestroy() {
// 移除 eventHu