在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected

最新推荐文章于 2024-08-07 09:20:57 发布

丑小鸭变黑天鹅

最新推荐文章于 2024-08-07 09:20:57 发布

阅读量3.3k

点赞数 8

分类专栏： Vue日常总结文章标签： vue chrome

本文链接：https://blog.csdn.net/qq_41880073/article/details/114413392

版权

Vue日常总结专栏收录该内容

39 篇文章 14 订阅

订阅专栏

在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected

学习vue框架的时候，在谷歌浏览器安装了Vue.js devtools插件，写了一个入门的helloworld，程序没问题，可是在谷歌浏览器插件图标始终不亮，并且显示Vue.js is not detected，上网找资料，有一个很复杂，但最终也没解决问题，于是打开了插件详情，偶然间发现问题所在，直接上图。

在这里插入图片描述

如图所示，你查看一下自己这个地方勾选了吗，如果没勾选，勾选上，问题就解决了。

补充一下
最近在学习vue框架，偶然的机会突然发现这个工具图标又不亮了，检查了上图的位置，没问题。
这回是由于什么造成的呢？
我记录一下
先看一下错误代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="test">
        <h2>日期时间</h2>
        {{date}}
    </div>  
    <script>
        new Vue({
            el:'#test',
            data: {
                date: new Date()
            }
        })
    </script>
     <script src="js/vue.js"></script>
</body>
</html>