前端学习记录----vue.js devtools插件使用(不显示问题)

Vue.js devtools插件下载

在各种浏览器自带的插件商店自行下载，本人使用edge浏览器下载

配置插件

进入管理扩展页面，打开开发人员模式

点击vue.js devtools插件的详情页面，勾选允许使用文件url，收集错误等选项（总是就是都勾上）

点击详细信息

打开插件至此安装完成，在使用非生产模式vue构建的页面打开调试工具可以发现vue选项卡

安装插件后调试工具中不显示的问题

这个问题也困扰我一天，终于在一次偶然的对比下发现端倪（大概率是调试工具不支持最新版的包？）

vue2开发时，引用vue包时请使用vue2开发文档中的cdn

vue2官方网站：Vue.js (vuejs.org)

官方开发文档中使用的cdn：https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js

script引用代码：

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>