vue-devtools

  1. 从chrome应用市场安装或者通过github clone 导入插件
  2. 界面功能介绍

给大客培训准备的PPT转成了md

从左向右，依次简单介绍一下

2.1 components 显示当前点击组件的可用数据,并可以修改和添加，修改可实时反应在界面中，非常方便调试一些业务流程比较繁琐，可以任意展示其中的一步操作的界面

2.2 vuex 使用vuex时，这里可以方便查看state,mutaitons, action等信息

2.3 events 记录事件，比如点击事件，当你点击之后，这里会显示出来点击事件来源于哪一个组件，以及事件名等信息

2.4 Routing 记录路由的变化，以及路由相关信息。下拉routes 可以列出当前应用所有的路由

2.5 performance 性能监控

2.6 setting 皮肤设置等

2.7 Refresh 刷新