webpack-simple Vue.jsテンプレートでは、コンソールからVueアプリケーションにアクセスするにはどうすればよいですか？

Question

webpack-simple templateでvue-cliを使用してVue.jsアプリを作成しました。 provided main.jsでは、new Vue(...行をvar vm = new Vue(...に変更したので、Chrome Dev ConsoleからVueインスタンスにアクセスできましたが、変数vmはまだ未定義と表示されています。

Vueオブジェクトへの参照を取得する正しい方法は、コンポーネント内のイベントを手動で生成するか、コンソールから手動でデータを変更することです。

Answer 1

はwindow.vm = vm;

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

window.vm = vm; 

そして、ちょうどコンソールにvmを入力するよりもしてみてください。あなたのVueオブジェクトは現在利用可能になります。