Vue3不支持eventBus

$on、$off 和 $once 实例方法被删除。实例上不再实现这三个事件接口（核心就是事件触发与事件监听器功能的封装）。

2.x 语法

在2.x中，Vue 实例可以用事件API（$on、$off 和 $once）强制附加的处理代码逻辑。这用于创建监听器功能，以创建在整个应用程序中使用的全局事件监听器：

// eventHub.jsconst eventHub = new Vue()export default eventHub

// ChildComponent.vue
import eventHub from './eventHub'export default {mounted() {// adding eventHub listenereventHub.$on('custom-event', () => {console.log('Custom event triggered!')})},beforeDestroy() {// removing eventHub listenereventHub.$off('custom-event')}
}

// ParentComponent.vue
import eventHub from './eventHub'export default {methods: {callGlobalCustomEvent() {eventHub.$emit('custom-event') // if ChildComponent is mounted, we will have a message in the console}}
}

3.x 更新

Vue3 从实例中完全删除了 $on、$off 和 $once 方法。$emit 仍然是现有API的一部分，因为它用于触发由父组件以声明方式附加的事件。

第三方库

Vue3不支持eventBus，那么官方推荐的做法是使用第三方库：

mitt
tiny-emitter

Vue3不支持eventBus相关推荐

Vue3 - 不再支持 IE11，到底为什么？
前言咱们的 Vue2 目前仍然支持 IE11,但是到了 Vue3 这里,直接被抛弃了. IE 浏览器可以说是早期前端开发的噩梦,现在还充斥的大量兼容 IE 浏览器的代码,你可以在网上看到很多类似的信 ...
Vue3不支持Filters过滤器
filters过滤器已从Vue 3.0中删除,不再支持. 2.x 语法在2.x中,开发人员可以使用过滤器来处理常见的文本格式. <template><h1>Bank Acco ...
Vue3 移除了 EventBus，嗯。。。要不写一个？
前言我们都知道在 Vue 中父子组件通信使用 props.$emit,兄弟组件或者跨组件之间可以通过 Vuex 或 EventBus ,包括 $parent .$root 和 $refs 都是可以达 ...
vue3被删除的两个功能
vue3 除了增加很多的功能之后,其实我们也需要关注 vue2 中有哪些功能被删除了,今天就讨论之前被删除的一些功能. vue3 不支持 eventBus 了,因为原先实例上的三个方法 $on.$of ...
Vue Demi是如何让你的库同时支持Vue2和Vue3的
Vue Demi是什么如果你想开发一个同时支持Vue2和Vue3的库可能想到以下两种方式: 1.创建两个分支,分别支持Vue2和Vue3 2.只使用Vue2和Vue3都支持的API 这两种方式都有缺 ...
vue3开发实践总结
背景前段时间需要排Q3的前端技术项,刚好我一直想做vue3项目很久了,就与领导商议了一下,把一个线上小项目改造成vue3版本的. 这是个PC端项目,作为微前端被内嵌至别的应用之中,项目不大,只有三个 ...
持续不断更新中... 自己整理的一些前端知识点以及前端面试题，包括vue2，vue3，js，ts，css，微信小程序等
Vue3自考题 1,如何使用vue3的组合式api 答: 在普通的前端项目工程中,在script标签中增加setup即可使用api 使用setup()钩子函数 2,computed 与各个watch之 ...
Vue2、Vue3知识总结---完整版✨
⭐️Vue vue3基础入门参考文章!必看 Vue 2 是一套用于构建用户界面的框架 Vue 的特性数据驱动视图双向数据绑定 MVVM MVVM 指的是 Model.View 和 ViewMode ...
vue3.0性能优化点之静态标记(PatchFlag)
关注Vue3源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自Vue3发布以来,一直在不断的迭代完善着,Vue3的GitHub仓库已有25.7k Star, 主流UI框 ...

Vue3不支持eventBus

2.x 语法

3.x 更新

第三方库

Vue3不支持eventBus相关推荐

最新文章

热门文章