1. 安装chrome插件:Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN)
2. 下载vue-devtools (https://github.com/vuejs/vue-devtools)
3. 修改文件:vue-devtools-master/shells/chrome/manifest.json
"background": { "scripts": [ "build/background.js" ], "persistent": false },
改成:
"background": { "scripts": [ "build/background.js" ], "persistent": true },
4. 打开vue项目,在控制台选择vue:
![](https://images2015.cnblogs.com/blog/829254/201609/829254-20160908154958254-1573609962.jpg)
5. 可操作组件查看信息变化(例如分页组件)
选择第一页:
![](https://images2015.cnblogs.com/blog/829254/201609/829254-20160908155014348-1174505225.jpg)
选择最后一页:
![](https://images2015.cnblogs.com/blog/829254/201609/829254-20160908155031426-405662036.jpg)