Vue.js最核心的功能有兩個(gè)胀蛮,一是響應(yīng)式的數(shù)據(jù)綁定系統(tǒng)蹂析。二是組件系統(tǒng)
一葛碧、訪問屬性
訪問器屬性是對(duì)象中的一種特殊屬性借杰,它不能直接在對(duì)象中設(shè)置,而必須通過 defineProperty() 方法單獨(dú)定義进泼。
Object.defineProperty()方法會(huì)直接在一個(gè)對(duì)象上定義一個(gè)新屬性蔗衡,或者修改一個(gè)對(duì)象的現(xiàn)有屬性,并返回這個(gè)對(duì)象
語法
Object.defineProperty(obj,prop,descriptor)
參數(shù):
obj:要在其上定義屬性的對(duì)象
prop:要定義或修改的屬性的名稱
descriptor:將被定義或修改的屬性描述符
返回值:被傳遞給函數(shù)的對(duì)象乳绕。
image.png
二绞惦、極簡雙向綁定的實(shí)現(xiàn)
隨文本框輸入文字的變化,span 中會(huì)同步顯示相同的文字內(nèi)容洋措;在控制臺(tái)顯示的修改obj.hello的值济蝉。視圖會(huì)相應(yīng)更新。這樣就實(shí)現(xiàn)了 model=>view 以及 view=>model 的雙向綁定
image.png
image.png