总结一下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;
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM