vue-devtools是vue官方给出的一个基于chrome的快速调试插件
它能让你在chrome中调试vue中的数据
下载此插件
你可以chrome扩展商店中下载, 这里仅提供备份版本
打开 chrome , 安装此扩展
使用此插件
此插件, 有2个注意事项, 当且仅当
- 页面存在vue元素
- vue的版本是完整版 vue.js, 非生产版 vue.min.js
此时, 打开chrome的调试工具, 就可以看到此面板, 并修改vue数据
你可以直接在控制台中调试 vue 数据, 就像在chrome调试普通的 js 那样