                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /3小时速成 Vue2.x 核心技术

请问这段代码为什么执行后浏览器里面只显示{{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

源自：3小时速成 Vue2.x 核心技术 2-4

关注问题我要回答

1045

操作

收起

4 回答

Brian
2020-08-20

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

0 回复有任何疑惑可以回复我~

走馬勿观花
2020-12-20

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

0 回复有任何疑惑可以回复我~

969999666696
2020-07-28

测试了一下，是你的https://cdn.bootcdn.net/ajax/libs/vue/3.0.0-beta.15/vue.cjs.js有问题。

我记得老师说过不要选有beta的，不稳定。

0 回复有任何疑惑可以回复我~

ienoon 提问者
2020-06-26

<!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 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

3小时速成 Vue2.x 核心技术

参与学习 82578 人
解答问题 489 个

带你快速学习最流行的前端框架vue2.x的核心技术

本课相似问答

3 回答data里定义的变量msg，显示为{{msg}}，没显示msg里的内容

1 回答&.active 里面代码不执行

3 回答msg没有显示在页面上

1 回答为什么我的浏览器调试窗口没有 vue

1 回答msg的值没有在界面上同步更新显示

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载