在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue 中的 set 和 $set 的原理是什么,是怎么實現(xiàn)的?

Vue 中的 set 和 $set 的原理是什么,是怎么實現(xiàn)的?

原理,實現(xiàn)
原理,實現(xiàn)
原理,實現(xiàn)
原理,實現(xiàn)

回答
編輯回答
貓館

如下圖所示,先進行一個判斷,判斷target不是undefined、null、string、number、symbol、boolean類型的數(shù)據(jù)。

1.如果target是一個數(shù)組,那么根據(jù)key值及數(shù)組長度更改數(shù)組的長度(取其中較大者),然后直接使用splice函數(shù)修改數(shù)組,雖然vue沒有監(jiān)聽數(shù)組變化,但是監(jiān)聽了數(shù)組的push,pop,shift,unshift,splice,sort,reverse函數(shù),所以使用splice也可以達到更新dom的目的

2.如果target是一個對象,且key是對象已存在的私有屬性,那么直接賦值就可以了,因為這個key必然是被監(jiān)聽過的

3.如果這個key目前沒有存在于對象中,那么會進行賦值并監(jiān)聽。這里省略了ob的判斷,那么ob是什么呢,vue中初始化的數(shù)據(jù)(比如data中的數(shù)據(jù))在頁面初始化的時候都會被監(jiān)聽,而被監(jiān)聽的屬性都會被綁定__ob__屬性,這里就是判斷這個數(shù)據(jù)有沒有被監(jiān)聽的。如果這個數(shù)據(jù)沒有被監(jiān)聽,那么就默認你不想監(jiān)聽這個數(shù)據(jù),所以直接賦值并返回

set

最后,$set就是set

Vue.prototype.$set = set;
2017年6月11日 11:07