请问这段代码为什么执行后浏览器里面只显示{{msg}}?

源自：2-4 计算属性与侦听器

请问这段代码为什么执行后浏览器里面只显示{{msg}}?

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js"></script></head><body>    <div id="app">        {{msg}}    </div>    <script>        new Vue({            el:'#app',            data:{                msg : 'hello Vue!'            }        })    </script></body></html>

提问者：ienoon 2020-06-26 17:18

个回答

Brian

2020-08-20 16:19:24

楼上正解，3.0的语法已经发生了变化。不能new vue了，需要使用createApp:https://v3.vuejs.org/guide/introduction.html#declarative-rendering

0
走馬勿观花

2020-12-20 01:11:29

引入cdn需要3.0以下，3.0不能这样了

0
969999666696

2020-07-28 21:45:03

测试了一下，是你的https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js有问题。
我记得老师说过不要选有beta的，不稳定。

0
ienoon

2020-06-26 17:19:24

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js"></script>
</head>
<body>
    <div id="app">
        {{msg}}
    </div>
    <script>
        new Vue({
            el:'#app',
            data:{
                msg : 'hello Vue!'
            }
        })
    </script>
</body>
</html>
0