处理“Vue Devtools在浏览器F12下不显示了”

处理“Vue Devtools在浏览器F12下不显示了”

日常分享一句话：

今天这句话来自李宇春《清福》这首歌的一句歌词，“等云舒 等风来 等花慢慢开”，疫情打乱了我们的生活和许多计划，但要相信生活依然很美好，计划也将会走上日程。

正文开始！！!

问题

在练习vue框架案例时，要调试一下，于是打开了F12（开发者工具），可是之前能看到的“Vue”调试按钮不见了。

分析

于是我就尝试了各种操作，比如：

1. 把Vue Devtools插件重新启用，不行；

2. 把浏览器也关闭重新打开，还是不行。

再然后，回到代码上，发现问题了！

原来我引用vue.js代码的时候，引用的是生产版本，应引用的是开发版本。在生产版本里，页面是不能调试的。

解决

修改完成后，重新运行html页面代码，打开浏览器的F12就可以看到“Vue”调试按钮了。

Yeah, it’s done. Thanks for watching~~