安装vue-devtools谷歌浏览器扩展工具

一、在该地址：直接点击链接：

Vue.js Devtools_6.5.1_Chrome插件下载_极简插件

二、选择【推荐下载】----下载成功----解压缩----打开文件夹--里面有个后缀名为 .crx  的文件

在谷歌浏览器地址栏输入：chrome://extensions/       就会出现扩展程序页面

三、把.crx文件拖拽到页面

启用该插件 

 打开开发者工具，在页面按F12，然后看到工具栏中多了vue工具

Ok了。