Nuxt2怎么不需要引入就可以全局使用eventBus事件总线
时间: 2024-05-11 16:13:48 浏览: 263
nuxt-koa:使用Nuxt和Koa创建同构Web应用程序
在Nuxt2中,可以使用插件来创建全局的eventBus事件总线。具体步骤如下:
1. 创建一个新的plugins文件夹,用于存放插件文件。
2. 在plugins文件夹中创建一个eventBus.js文件,用于创建eventBus事件总线。
```
import Vue from 'vue';
export const eventBus = new Vue();
```
3. 在nuxt.config.js文件中注册插件。
```
plugins: [
{ src: '~/plugins/eventBus.js', ssr: false }
],
```
4. 在组件中使用eventBus事件总线。
```
// 发送事件
this.$root.$emit('eventName', data);
// 监听事件
this.$root.$on('eventName', (data) => {
// 处理事件
});
```
通过这种方式,就可以在Nuxt2中全局使用eventBus事件总线,而无需每次都手动引入它。
阅读全文