允许第三方js与我的vuejs应用程序通信

Question

我正在创建一个vuejs应用程序。我想添加第三方非vue js脚本将命令或数据发送到我的应用程序的功能。例如

window.app = new Vue({}) 

app.setTitle = 'Hello' 

当然，我只想暴露某些方法和触发器。

Answer 1

你可以做到这一点window.app，当你不使用webpack时就足够了。如果你使用webpack，你将不得不导出app变量。 at 如vue文档中所述，new Vue()返回一个可访问所有方法，数据等的代理对象。因此，如果只想导出几个方法，则必须创建一个接口对象。

var app = new Vue({...}); 
var interface = { 
    methodA: app.methodA, 
    methodC: app.methodC 
}; 

你可以用类似的方法使事件可用，但你最好使用vuex。

如果您更喜欢全局状态对象，请使用vuex。它的属性可以被映射到每个实例和组件https://github.com/vuejs/vuex

如果您更喜欢基于事件的方法使用事件总线https://alligator.io/vuejs/global-event-bus/