天天看点

vue学习之----如何在谷歌浏览器中使用vue调试工具

1、下载调试工具

地址:Vue Devtools_5.3.4_chrome扩展插件下载_极简插件 (zzzmh.cn)

vue学习之----如何在谷歌浏览器中使用vue调试工具

2、解压

vue学习之----如何在谷歌浏览器中使用vue调试工具

3、打开chrome浏览器,把上一步解压出来的文件拖入

chrome://extensions/

vue学习之----如何在谷歌浏览器中使用vue调试工具

4、看到有如下标记就是成功了

vue学习之----如何在谷歌浏览器中使用vue调试工具

5、如果有报错如下

Vue.js is detected on this page. Open DevTools and look for the Vue panel.

Vue.config.devtools = true      

继续阅读