今天在安装Vue-devtools插件的时候,发现控制台一直不显示vue选项,如图
以下是正常显示Vue的页面
在网上找了很多方法都没用,最后终于解决,于是给大家分享一下我的解决方案。
解决方案
我使用的是Chome浏览器,在管理扩展程序页面打开vue.js devtool的详情页,选择固定到工具栏
此时在浏览器右上角出现了Vue的图标,我们在浏览器中打开自己的项目,发现是高亮状态,但控制台还是没有显示Vue。点击这个图标出现以下内容。
这个提示说明我安装的 Vue DevTools v7 仅支持 Vue 3,而我的项目是 Vue 2,所以无法正常工作。所以只需要卸载当前版本,下载旧版本的Vue DevTools v6 就解决了。
在 极简插件官网 重新安装了旧版本后,重新打开浏览器,打开自己的项目,就能成功显示Vue啦。