由于vue是数据驱动的，所以在开发调试中查看dom结构并不能解析出什么，而借助 vue-devtools 插件，我们就可以在浏览器控制台中对数据结构进行解析和调试。  

添加扩展

直接在谷歌或者火狐浏览器的应用商店搜索 Vue.js devtools，然后添加到扩展即可。

Chrome应用商店需要fq才能访问，无法fq的朋友可以在一些谷歌插件网下载该插件，或者直接使用火狐浏览器

手动添加

手动添加比较麻烦，需要去 github 克隆 vue-devtools 的源码，按照文档一步步安装

链接: https://www.fly63.com/nav/1259