安装Vue调试工具

vue 官方提供的 vue-devtools 调试工具,能够方便开发者对 vue 项目进行调试与开发。

在线安装

Chrome 浏览器在线安装 vue-devtools :

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

配置vue-Devtools

点击 Chrome 浏览器右上角,选择更多工具 -> 扩展程序 -> Vue.js devtools详细信息。

勾选如下两个选项:

devtools

使用vue-devtools

安装完成并配置好后,当访问vue页面时,按F12即可找到Vue选项卡。

devtools2