允許第三方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/