1 回答

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊
如下圖所示,先進(jìn)行一個(gè)判斷,判斷target不是undefined、null、string、number、symbol、boolean類型的數(shù)據(jù)。
1.如果target是一個(gè)數(shù)組,那么根據(jù)key值及數(shù)組長(zhǎng)度更改數(shù)組的長(zhǎng)度(取其中較大者),然后直接使用splice函數(shù)修改數(shù)組,雖然vue沒(méi)有監(jiān)聽(tīng)數(shù)組變化,但是監(jiān)聽(tīng)了數(shù)組的push,pop,shift,unshift,splice,sort,reverse
函數(shù),所以使用splice也可以達(dá)到更新dom的目的
2.如果target是一個(gè)對(duì)象,且key是對(duì)象已存在的私有屬性,那么直接賦值就可以了,因?yàn)檫@個(gè)key必然是被監(jiān)聽(tīng)過(guò)的
3.如果這個(gè)key目前沒(méi)有存在于對(duì)象中,那么會(huì)進(jìn)行賦值并監(jiān)聽(tīng)。這里省略了ob的判斷,那么ob是什么呢,vue中初始化的數(shù)據(jù)(比如data中的數(shù)據(jù))在頁(yè)面初始化的時(shí)候都會(huì)被監(jiān)聽(tīng),而被監(jiān)聽(tīng)的屬性都會(huì)被綁定__ob__屬性,這里就是判斷這個(gè)數(shù)據(jù)有沒(méi)有被監(jiān)聽(tīng)的。如果這個(gè)數(shù)據(jù)沒(méi)有被監(jiān)聽(tīng),那么就默認(rèn)你不想監(jiān)聽(tīng)這個(gè)數(shù)據(jù),所以直接賦值并返回
最后,$set就是set
Vue.prototype.$set = set;
添加回答
舉報(bào)