DejaVue - Vue.js的可视化Chrome开发工具

DejaVue是一个Vue可视化Chrome Devtool,如同Augury是angular 2 调试器一样,提供应用程序结构可视化、 组件检查、 时间旅行。 识别更改的组件,以及由于另一个组件的更新而更改的组件。

结构可视化
以树形结构将整个应用程序虚拟可视化图形化展示。

组件检查
视图props,变量和slots以及其它组件所做的更改。

时间旅行
根据状态更改可向前和向后移动,并查看相应的树和应用程序更新

DejaVue - Vue.js developer tool

Chrome插件安装地址