《Vue.js Devtools》是Vue官方发布的调试浏览器插件,通过vue.js devtools官方版软件用户可以对数据结构进行解析和调试,提高调试效率。vue.js devtools软件支持在浏览器开发者工具下调试代码,适合做前端开发的IT工程师使用。
1、性能
与路由选项卡一样,性能选项卡也是一个新增功能。此选项卡由两部分组成,“每秒帧数”和“组件渲染”。
第一个选项卡“每秒帧数”显示一个实时源图表,其中包含应用程序的当前fps。这可用于查找减慢应用程序速度的某些操作或组件。
2、设置
将显示密度更改为更紧凑的布局
规范化组件名称(my-component将变为MyComponent)
更新主题 - 打开或关闭新的黑暗主题选项
3、路由
Routing选项卡是devtools套件的全新选项。这里有两个不同的视图,“历史记录”和“路径”,可以通过单击“路由”选项卡标题进行交换。
你会在Chrome DevTools中得到两个新标签。"Components "和"Profiler"。
组件标签显示了在页面上渲染的根React组件,以及它们最终渲染的子组件。
通过选择树中的一个组件,你可以在右边的面板中检查和编辑其当前的道具和状态。在面包屑中,你可以检查所选的组件、创建它的组件、创建那个组件的组件,依此类推。
如果你使用常规的Elements标签检查页面上的一个React元素,然后切换到React标签,该元素将在React树中被自动选中。
否
16+
2.1MB
不知名厂商
6.6.1
免费
简体中文
2024-03-01
暂无
暂无
文明上网,理性发言,共同做网络文明传播者