小白vue入门案例 一直报[Vue warn]: Cannot find element: #app

vue入门案例

一直报

vue.js:634 [Vue warn]: Cannot find element: #app

尝试换过vue.js文件，倒是不报错了，但无法显示正确信息

    <body>
    
        <!-- <script src="/demo//vue//vue.min.js" ></script> -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <div id="app">
            <!-- 插值表达式-->
            {{message}}
        </div>
    
        <script>
            new Vue({
                el:'#app',
                data: {
                    message:'hello vue'
                }
            })
        </script>
    </body>

 

vue.js:634 [Vue warn]: Cannot find element: #app
warn @ vue.js:634
query @ vue.js:5666
Vue.$mount @ vue.js:11882
Vue._init @ vue.js:5012
Vue @ vue.js:5078
(anonymous) @ 01-vue入门.html:19

 

应该是环境问题，你用的是什么浏览器呢？如果是ie 之类的浏览器是有点问题的

 

要不就是这样

<body>
    
    <script src="vue.min.js" ></script> 
  
        <div id="app">
            <!-- 插值表达式-->
            {{message}}
        </div>
    
        <script>
            new Vue({
                el:'#app',
                data: {
                    message:'hello vue'
                }
            })
        </script>
</body>

换成本地的一个vue.js后就是这样，不报错，但是结果还是{{message}}

您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

或许可以试试把data部分写成（不知道行不）：
data() {
return{
message: 'hello vue'
}
}