vue调试工具vue.js devtools

添加成扩展程序

1、谷歌商店下载

在谷歌商店搜索vue.js devtools，加入到扩展程序

2、本地打包

1、vue.js devtools下载提取码:0000
2、解压缩
3、打开扩展工具页面

4、将解压好的vue.js devtools拖进页面打包成扩展程序

使用

打开调试页面就会发现vue了，如下图最后一个

我刚开始使用的是第二种方法，但是因为没有在调试工具找到vue，就以为失败了，就移除又从商店下载了一次，在使用过程中遇到一个问题vue.js not detected，打开调试没有找到，我使用的两种方法都遇到这个问题，但是第二次在遇到之后，就百度找答案，还没找到就解决了，根据我找到的答案解释是当前页面没有使用到vue，没有进行初始化所以工具没有检测到所以在调试时就不会出现vue这个选项。