vuejs之Vue Devtools
2024-04-06 06:30:01
Vue Devtools大法好
这是一篇小白friendly教程
Vue Devtools是一款谷歌浏览器插件，专门为调试vue而设计。假设你做了一个vue应用，当你在调试的过程中，打开的控制台是这样的：
满眼都是data-v的这种标签，你的组件在什么位置，可能要一个一个标签点开之后找，你的应用的数据是什么状态，可能要靠console打印出来，给我们的调试带来了很大的不便。。那有没有什么好办法呢？灯灯灯灯！就是这款Vue Devtools。
安装
打开这个Vue Devtools，然后安装。安装完成后，按F12，然后就发现下面这个多出来的标签：
没错，就是它了，假如在一个vue项目下打开，就会看到：
看到的是组件树,而不是DOM树，旁边还有选中组件的data数据,computed等，以及组件所在文件夹的路径，一下子就看透了这个组件，是不是觉得豁然开朗
最新文章
- Android 面试题--Activity
- Python之路Day16--JavaScript(二)
- weight属性你用的真的6嘛？
- PHP邮件注入攻击技术
- Python类属性详解
- textarea 在浏览器中固定大小和禁止拖动
- hdu2846 Repository 字典树（好题）
- 关于在linux下安装git，以及在idea上将项目部署到码云上
- My Stuck in C++
- 盒模型的垂直居中css
- BBS 502 BadGateway 原因分析
- python菜鸟学习心得
- [转载]URI、 URL 和 URN 的区别
- python 写的员工信息查询
- linux 内核 内存管理 slub算法 （一） 原理
- Frobenius 范数
- Building Projects with Native Code
- mysql 入门 jdbc
- WAF Bypass数据库特性（Access探索篇）
- 第1章 敏捷思维—“互联网+”知识工作者必备的DNA