安装vue-devtools 调试工具

Chrome 浏览器 在线安装 vue-devtools

vue 2.x 调试工具：

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

vue 3.x 调试工具：

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

注意：vue2 和 vue3 的浏览器调试工具不能交叉使用！

步骤

1、打开chrome浏览器

2、点击右上角的···，选择扩展程序

 3、打开商店

4、搜索vue

 5、选择合适版本

 6、选择添加

 

7、添加成功

8、配置详细信息

 

 

 

9、以后用浏览器打开vue文件按F12就会有vue选项了