vue调试工具：vue-devtools安装步骤

安装成功效果如下图：

安装步骤：
1、在地址栏输入chrome://extensions/ 即可定位到浏览器的扩展程序。
2、点击左上角扩展按钮

3、点击打开谷歌网上应用店

4、搜索Vue.js devtools 这个扩展程序
5、点击添加至谷歌（弹出框选择添加为扩展程序）
6、在浏览器的右上角"拼图碎片"图标 点击会看到vue图标的一个扩展程序
7、图标呈现灰色，提示：Vue.js not detected信息（别慌，接下来就是解决问题咯）
可以重新刷新一下，或重启一下浏览器如不行使用下面方法进行尝试。
8、再次输入chrome://extensions/ 定位到浏览器的扩展程序页面（这里就可以看见你新添加的扩展程序咯），找到vue图标的扩展程序，点击详细信息，找到Vue.js devtools这个扩展程序的ID（如：nhdogjmejiglipccpnnnanhbledajbpd），接下来，将“允许访问文件网址”的选项启用。
9、在地址栏输入chrome://version,按下回车键，可以查询到个人资料路径，复制该路径，在文件夹定位到该路径，找到Extensions这个文件夹，再找到对应ID的文件夹。
10、打开文件夹，找到manifest.json文件，找到"background"节点，将其"persistent"属性的值从false修改为true。（注意不要删除到跟着的逗号哦）
11、重新运行你的vue项目，点击浏览器的右上角"拼图碎片"图标看看扩展程序亮起来没有啊，再按下F12看看有没有多出来一个vue。（安装成功了哦）

欢迎大佬进行指导！！！希望对您代码出现的问题有所帮助，可以对我进行打赏，谢谢！