<!DOCTYPE html>
<html>
<head>
<!--引入vue最新版本-->
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id = "begin"></div>
</body>
<script>
//createApp创建一个Vue应用,存储app变量中,常用的vue项目中,vue应用一般命名为app
const app = Vue.createApp({
//这里的data说明这个vue应用中能使用的变量
data(){
return{
begin_word:'hello world!',
list:[]
}
},
//template说明这个vue节点下要添加的html代码
template:"<div>{{begin_word}}</div>"
})
//mount语法用于规定这个vue引用应用于哪个根节点,
//这里名为app的vue应用,应用于begin根节点,其它兄弟节点和父节点都不会应用到
app.mount("#begin");
</script>
</html>
![](https://img2020.cnblogs.com/blog/2006336/202103/2006336-20210312154903631-303342785.png)