<body>
<!--
MVVM模型:
M:模型(model):data中的数据
V:视图(view):模板代码
VM:视图模型(ViewModel):vue实例
观察发现:
1.data中的所有属性,都出现在了vm身上
2.vm身上所有的属性 及 vue原型上的所有属性,在vue模板中可以直接使用
-->
<div id="root">
<h1>{{msg}}</h1>
<h1>{{$options}}</h1>
</div>
<script>
var vm=new Vue({
el:"#root",
data:{
msg:"hello",
}
})
</script>
</body>
理解:
1.data数据 通过vue实例中的 data bindings 传给View
2.vue实例 通过DOM listeners 监听 view的变化 ,将数据传给Model数据(data)