<!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.jsdelivr.net/npm/vue"></script>
</head>
<body>
<!--将来new的Vue实例,会控制这个元素中的所有元素-->
<!--Vue实例所控制的元素区域,就是 V -->
<div id="app">
<p>{{msg}}</p>
</div>
<script>
//创建vue实例
//我们new出来的vm对象,就是我们的MVVM中的VM调度者
var vm=new Vue({
el:'#app', //element缩写,标识我们当前new这个Vue实例,要控制页面上的哪个区域
//这里的data就是MVVM中的 M ,专门用来保存每个页面中的数据
data:{//data属性中,存放的是el中要用到的数据
msg:'hello Vue'//通过vue提供的指令,很方便就能把数据渲染到页面上
}
})
</script>
</body>
</html>
05-20
05-20
05-20
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交