上图是使用vue-devtools查看项目中某个component中数据的截图,其中object对象下有超过100个属性,要在其中遭到所需要的属性非常费时,于是考虑将vue-devtools稍作修改后,在本地build从而能够将检索到的属性名进行高亮。
- 下载vue-devtols 并按照 Manual Installation 部分加载到Chrome,并确保可正常使用
- 参照提交 5def8fef65d0a37532a376aa8c4c484e58ca921e 进行修改
- 重新执行步骤1中的操作,并重新load build好的文件夹
再进行搜索,可以考到属性已经被高亮出来:
image.png
网友评论