博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
总结一下vue调试的方法
阅读量:4593 次
发布时间:2019-06-09

本文共 533 字,大约阅读时间需要 1 分钟。

  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;}

 

转载于:https://www.cnblogs.com/jiangtengteng/p/10510664.html

你可能感兴趣的文章
psutil安装
查看>>
ES5扩展属性
查看>>
Django 应用开发(3)
查看>>
自己写的java实现的多路搜索树 B-Tree
查看>>
Snow Footprints CodeForces - 298A
查看>>
Choose and divide UVA - 10375
查看>>
Delete Them
查看>>
JSON跨域原理实现
查看>>
wiringPi 库下用C控制GPIO
查看>>
Excel-单条件和多条件匹配搜索
查看>>
Android bluetooth low energy (ble) writeCharacteristic delay callback
查看>>
Delphi7使用一段时间后抽风提示注册
查看>>
intent介绍
查看>>
css元素垂直居中
查看>>
启用WCF测试客户端(WCF Test Client)的相关技巧
查看>>
用 XML 文件持久化和恢复图片信息
查看>>
完美洗牌算法
查看>>
Redis-数据操作
查看>>
noip 2012 Day2 T2 借教室
查看>>
Css:背景色透明,内容不透明之终极方法!兼容所有浏览器
查看>>