VUE----调试工具的安装

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 ，正式环境将其关闭