1、M:模型(model):對應data中的數(shù)據(jù)
一般JS對象
data: {
????name: "測試",
????address:'北京'
},
2、V:視圖(view):模板
DOM生成的頁面
<div id="box">
????????<h1>學校名稱:{{name}} </h1>
????????<h1>學校地址:{{address}} </h1>
</div>
3、VM:視圖模型(ViewModel):Vue實例對象
數(shù)據(jù)綁定和對DOM的監(jiān)聽
var vm = new Vue({
????????el: "#box",
????????data: {
????????????????name: "測試",
????????????????address:'北京'
????????},
????????methods: {},
});
備注:
1.data中所有屬性最終均會在vm實例上
2.vm實例的所有屬性及其原型內(nèi)的屬性,均可在Vue模板中直接使用
<p>測試代碼:{{_isVue}}</p>
<p>測試代碼:{{$el}}</p>
//結(jié)果:
測試代碼:true
測試代碼:[object HTMLDivElement]