未捕获的ReferenceError:vm未定义为vue.js 2.0

Question

我正在使用Vue 2.0,我有一个错误

(未捕获的ReferenceError:未定义vm)

当我vm.$data在控制台中使用或任何其他人检查属性时.我有最新版本的vue.js 2.2.4.

Answer 1

正如@Fiete所提到的,该vm变量默认不可用.

您需要vm全局定义才能从控制台访问它.

这样的事情应该有效

var vm = new Vue({
  el: '#app',
  data: {
    a: 1
  },
  router,
  template: '<App/>',
  components: {
    App
  }
});

global.vm = vm; //Define you app variable globally

现在你可以使用vm.$data.PROPERTY或vm.PROPERTY.

Answer 2

默认情况下该vm变量不存在。而 vuejs 没有设置该变量。如果您想调试 vuejs 应用程序，我推荐vuejs Chrome 扩展。

通过打开页面上的扩展，您可以选择要调试的组件。之后，您可以使用$vm0变量访问选定的组件。