Vue 理解MVVM模型(Day6)

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]

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容