vue项目中引入外部js，怎么在外部js中执行当前页中methods里的方法

Question

vue项目中引入外部js，怎么在外部js中执行当前页中methods里的方法

Answer 1

楼上算一种方案。
如果你引入的JS不好获得当前实例的引用，比如你用单文件组件，那么可以在组件mount的时候把方法暴露到全局环境下
//Vue
exportdefault{
mounted(){
window.someMethod=this.doSomething.bind(this);
},
}
//在另一个JS里
someMethod();
不过这样会导致不同的类深度耦合，属于badsmell。所以除非要做jsonp回调之类，最好不要使用。可以考虑用全局对象广播和捕获事件。
比如：
//Vue
exportdefault{
mounted(){
document.body.addEventListener('some-event',this.onSomeEvent.bind(this));
}
}
//别的js
constevent=newCustomEvent('some-event');
document.body.dispatchEvent(event);
                            

Answer 2

varvm=newVue({
methods:{
hello(){
console.log('hello')
}
}
})
vm.hello()