如何在vue中调用js文件中定义的event
时间: 2023-11-28 18:49:21 浏览: 99
vue项目中在外部js文件中直接调用vue实例的方法比如说this
在 Vue 中调用 js 文件中定义的 event,可以通过以下几个步骤:
1.创建一个事件总线(Event Bus)
```
import Vue from 'vue'
export const EventBus = new Vue()
```
2.在 js 文件中触发事件
```
import {EventBus} from './event-bus.js'
EventBus.$emit('my-event', data)
```
3.在 Vue 组件中监听事件
```
import {EventBus} from './event-bus.js'
export default {
created() {
// 监听 my-event 事件
EventBus.$on('my-event', this.handleMyEvent)
},
methods: {
handleMyEvent(data) {
// 处理事件
}
}
}
```
这样,当在 js 文件中触发 'my-event' 事件时,Vue 组件中定义的 handleMyEvent 方法就会被调用。
阅读全文