请问这段代码为什么执行后浏览器里面只显示{{msg}}?
ienoon
2020-06-26 17:18
<!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>4回答
-
- Brian
- 2020-08-20 16:19:24
楼上正解，3.0的语法已经发生了变化。不能new vue了，需要使用createApp:https://v3.vuejs.org/guide/introduction.html#declarative-rendering
-
- 走馬勿观花
- 2020-12-20 01:11:29
引入cdn需要3.0以下，3.0不能这样了
-
- 969999666696
- 2020-07-28 21:45:03
测试了一下，是你的https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js有问题。
我记得老师说过不要选有beta的，不稳定。
-
- 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>
3小时速成 Vue2.x 核心技术
82560 学习 · 487 问题
相似问题