## ****vue必看课程**** [介绍-Vue.js](https://cn.vuejs.org/v2/guide/index.html) [Vue Router](https://router.vuejs.org/zh/installation.html) [vuex](https://vuex.vuejs.org/zh/) [Api全局配置](https://cn.vuejs.org/v2/api/#name) [基础视频教学](https://scrimba.com/playlist/pXKqta) ## **浏览器辅助工具** ## chrome安装vue-devtools[教程链接](https://segmentfault.com/a/1190000009682735) [制作好的本地vue-devtools包](https://skv4.oss-cn-hangzhou.aliyuncs.com/%E6%85%A7%E9%BC%8E/vue-devtools5.1/chrome.zip) 使用说明如下: 1.在chrome浏览器输入:[chrome://extensions/](chrome://extensions/) > 游览器输入地址“chrome://extensions/”进入扩展程序页面,点击“加载已解压的扩展程序...”按钮,选择vue-devtools>shells下的chrome文件夹。 /** *如果看不见“加载已解压的扩展程序...”按钮,则需要勾选“开发者模式”。 */ ![](https://box.kancloud.cn/3230893176e44d3557dab9c1db7c973f_3868x1720.png) ***不明白的可以点击上面的教程查看具体的安装方法 ### 使用如下 #### 打开调试控制台,会出来Vue选择卡,可以看到里面的组件,点击后可以看到这个组件里面用到的数据 ![](https://box.kancloud.cn/043550f9db004371cd128bd7e2889026_2548x1466.png)