使用vue-cli的同学肯定知道有一个Chrome调试工具——vue-devtool。但是在国内环境很难直接在Chrome商店下载得到,今天提供一个4.1.5版本的下载地址。链接: 网盘地址 提取码:ty1m 如果地址过期了,可以到csdn下载:csdn地址
1.安装
我们打开chrome的扩展程序,讲刚下载的文件拖进去,就可以安装了。
2.更改一些配置
首先打开chrome的开发者模式,然后允许vue-devtool在隐身模式使用,和允许访问网址。
manifest.json
文件。打开我们修改几个地方。
3使用
使用vue-devtool可以查看vue组件里面的data里面的变量,methods里面的函数,和一些全局对象比如说:$refs,$route
,可以查看vuex里面的变量及变化监听。
可以看到,我们通过搜索
priceProcess
组件名称,找到了该组件,点击组件之后,看到了data,computed里面的变量,并且得到了一个$vm0的vue对象,图中我们也看到了vuex和event。我们试着查看和改变一些变量。