Vue Chrome插件调试助手
Vue 开发的调试利器，非 Chrome 版的 Vue 插件莫属。你只要打开开发者工具，就能直接看到页面上的 Vue 组件树、数据状态、事件流……直观。对新手来说，能看到组件怎么通信，状态怎么变，简直是开了天眼。嗯，还有性能的功能，渲染慢不慢、是不是重复计算，它都能帮你找出来。
Vue DevTools的集成也强，状态管理、时间旅行调试这些高级操作也不在话下。你用的是Vuex？那你一定会喜欢它的状态快照功能，直接点点鼠标就能回到任意状态节点，调试的时候省不少事。
事件追踪功能也实用，组件之间怎么传值，哪个事件怎么触发，一目了然。你写了个@click，点击后没反应？打开插件看一下是不是事件链断了。
如果你用的是模板或者写了点render()函数，这插件也能把最终渲染出来的 DOM 结构可视化展示出来，方便你对照排查。
要注意的是，如果你是下载的.crx文件装插件，记得把 Chrome 的开发者模式打开，否则插件无法运行。还有，浏览器和 Vue 的版本最好都更新下，新功能支持更好。
，这个插件是我写 Vue 项目时必装的一个。有它在，调试、优化都变得轻松多。如果你刚开始接触 Vue，或者想让自己的开发流程更顺一点，那它真的挺值得一试。
文件大小：2.39MB
评论区