在webpack-simple Vue.js模板中,如何从控制台访问Vue应用程序？

Question

我创建使用Vue.js应用vue-cli与的WebPack-简单的模板,它的伟大工程.在提供的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对象现在可用.