VUE文档中建议我们安装调试工具vue-devtools
1.下载vue-devtools：
百度网盘地址：
链接：https://pan.baidu.com/s/1ZfHJK0dRrXY-ZJOOwzRqZw
提取码：72lg
github地址：
https://github.com/vuejs/vue-devtools
2.解压该压缩包到自己准备好的文件夹
3.打开谷歌浏览器输入网址：
chrome://extensions
4.开启谷歌的开发者模式：
开发者模式截图
5.选择加载已解压的扩展程序：
添加按钮截图
6.选择刚刚解压的文件夹，选择开启：
加载插件页面截图
7.清除缓存并刷新页面：
插件安装完成
8.安全？？？
我们使用vue-devtools可以让我们对数据一目了然，例如我们会将登录信息使用vuex管理，但是当用户看到这些数据会安全吗？
在main.js中我们可以设置是否使用vue-devtools：
//开启vue-devtools
Vue.config.devtools = true
正常可用状态截图
//关闭vue-devtools
Vue.config.devtools = false
禁用状态截图
我们可以开发的时候开启devtools ，正式环境将其关闭
网友评论