vue中使用原生js自定义事件监听

vue项目中引入外部js 需要通过外部js触发vue组件执行某些事件
JS中，最简单的创建事件方法，是使用Event构造器：

事件的定义

var myEvent = new Event(‘event_name’);
但是为了能够传递数据，就需要使用 CustomEvent 构造器：
var myEvent = new CustomEvent(‘event_name’, {
detail:{
data:‘要传输的值’
},
});

事件的注册

//假设listener注册在window对象上
window.addEventListener(‘event_name’, function(event){
// 如果是CustomEvent，传入的数据在event.detail中
console.log(‘得到数据为：’, event.detail);

// ...后续相关操作

});

**

事件的触发

**
// 随后在对应的元素上触发该事件
if(window.dispatchEvent) {
window.dispatchEvent(myEvent);
} else {
window.fireEvent(myEvent);
}