一:使用输出命令进行调试
1) console.log();
2) alert();此命令为阻塞式命令,如果不点击确定,后续代码则不会执行。
二:断点式调试
关键字:debugger
在代码中输入次关键字,浏览器则会进入开发者模式。比如谷歌为例F10下一步,F11进入方法体。
tips:也可以在控制台输入对象名,浏览器也会输出对象的值。
调试方法体:
在veu组件,methods方法体里写的方法,也可以使用谷歌浏览器控制台进行调试。同理在浏览器控制台输出方法名,即可手工调用。
三:使用vue生命周期mounted挂在完成后进行调试
在组件中编写
mounted(){
window.vue=this;
}