vue项目控制台调试问题

Question

之前没用cli的时候,用传统的html形式引用vue可以通过给最外出的vue实例命名var myapp=new Vue({ el:'#app', data:{  a:1} })然后在控制台输入myapp.a=2改变里面data的值,这样在微信开发工具调试很方便但是用了vuecli构建项目之后在浏览器的控制台输入应该怎样才能改变vue实例的值呢？在main.js的文件给根实例命名了也是undefinedvar myapp=new Vue({  el: '#app',   router,   components: { App },   template: '<App/>'})

Answer 1

改成window.myapp呢

window.myapp=new Vue({  el: '#app',
  router,
  components: { App },
  template: '<App/>'})

Answer 2

可以在生命周期里面搞啊

created () {   window.myApp = this}