总结一下vue调试的方法

　　1、最推荐使用的是vue的chrome插件：

　　2、平时开发中常用到的调试代码：console.log()、alert()；此外还有console.error()这个我用的比较少，感觉跟console.log()差不多，就是控制台的字是红色的；还有一个debugger，这个写在代码中，使用chrome，运行到这一行，会直接在这里打断点；

　　3、vm实例，这个其实在前面的文章中，我有使用过，就是将vue实例赋给一个变量，然后在控制台之间变量名点里面的属性就可以直接修改或者访问了，像我之前用的myApp.data.students，就可以直接访问实例名称为myApp的data里为students的数据了；

　　4、window对象绑定，这个我没用使用过，方法就是在mounted生命周期里面，将vue实例绑定到window全局变量上window.vue = this，然后在控制台运行window.vue.add()；其实就是直接运行vue实例里的add()方法啦：

mounted: { window.vue = this;
}

文章来源: www.cnblogs.com，作者：姜腾腾，版权归原作者所有，如需转载，请联系作者。

原文链接：www.cnblogs.com/jiangtengteng/p/10510664.html