在webpack-simple Vue.js模板中，如何從控制檯訪問Vue應用程序？

Question

我創建了一個使用vue-cli與webpack-simple template的Vue.js應用程序，它的效果很好。在provided main.js中，我將new Vue(...行更改爲var vm = new Vue(...，以便我可以從Chrome開發者控制檯訪問Vue實例，但變量vm仍然顯示爲未定義。

什麼是正確的方式讓我得到Vue對象的引用，以便我可以執行諸如在組件中手動生成事件或手動修改控制檯中的數據？

Answer 1

嘗試用window.vm = vm;

var vm = new Vue({ 
    el: '#app', 
    store, 
    template: '<App/>', 
    components: { App } 
}) 

window.vm = vm; 

而不僅僅是在控制檯輸入vm。你的Vue對象現在可用。