Vue 3.x 移除了$on、$off和$once这几个事件 API ,应用实例不再实现事件触发接口。 根据官方文档在迁移策略 - 事件 API (opens new window)的推荐,我们可以用mitt (opens new window)或者tiny-emitter (opens new window)等第三方插件来实现EventBus。 #创建 3.x 的 EventBus 这里以mitt为例,示范如何创建...
在组件中引入并使用 🤡 先在前排推荐使用Vue3-Bus插件,后面会讲如何不借助插件原生实现 通过Vue3-Eventbus使用更优雅 👍👍👍 不需要在入口文件中编写额外逻辑,不需要每次引入inject函数,不需要每次为bus赋值,import进来一把梭直接用 安装 $ npm install --save vue3-eventbus 复制代码 挂载 import eventBus...
Vue3实例不再提供$on与emit函数,官方推荐引入外部工具实现,使用本插件可以让你更轻松的在Vue3中使用轻量且功能完善eventBus不引入插件的用法 App instance dont't have$onand$emitmethods anymore in Vue3. Remove $on, $off and $once instance methods. Vue instances no longer implement the event emitter ...
不使用vue3-eventbus插件的原生用法// bus.js // + + + export default { on(){ // ... } off(){ // ... } emit(){ // ... } } // main.js // + import $bus from './lib/helpers/bus.js' // + app.provide('$bus', $bus) // + app.config.globalProperties.$bus = $bus...
在2.x,使用 EventBus 无需导入第三方插件,直接在自己的libs文件夹下创建一个bus.ts文件,暴露一个新的 Vue 实例即可。 import Vue from 'vue'; export default new Vue; 然后就可以在组件里引入 bus ,通过$emit去发起交流,通过$on去监听接收交流。