摘要:沒有具體對應源碼分析,只是閱讀源碼的筆記,等之后學好點再寫成文章,構造生成的。帶指令的所有元素,通過獲取,涉及,返回屬性選擇器對里的進行綁定處理節(jié)點提取所有,返回數(shù)組,元素是對象,包含。
沒有具體對應源碼分析,只是閱讀源碼的筆記,等之后學好點再寫成文章
Vueself,構造生成的this。
root根元素。
els帶指令的所有元素,通過querySelectorAll獲取,涉及getDirSelectors,返回"[v-text],[v-show]"(屬性選擇器)
bindings對data里的進行綁定?
提取所有attributes,getAttributes返回數(shù)組,元素是對象,包含name、value。
[{name:"v-text",value:"message"},{}] 使用了el.attributes, 這個返回一下結果,太多,用getAttributes過濾一下
對提取的所有指令進行解析,parseDirective,返回以下結果,對于v-show="isShow"
綁定指令bindDirective
key是要指向data的key,所以其實是attr的value
bindDirective的最后用bindAccessors進行defineProperty設定get、set
defineProperty綁定的set、get是在vm上,所以初始化只需要給vm的相應屬性賦值
初始化
遍歷bindings并賦值到vm
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://systransis.cn/yun/82185.html
摘要:什么是數(shù)據(jù)響應式數(shù)據(jù)響應式既數(shù)據(jù)雙向綁定,就是把綁定到,當我們用代碼更新時,就會自動更新如果用戶更新了的數(shù)據(jù)也自動本更新。數(shù)據(jù)響應式的原理實現(xiàn)數(shù)據(jù)響應式的原理就是利用了這個方法重新定義了對象獲取屬性值和設置屬性值的操作來實現(xiàn)。 1、什么是數(shù)據(jù)響應式 數(shù)據(jù)響應式既數(shù)據(jù)雙向綁定,就是把Model綁定到View,當我們用JavaScript代碼更新Model時,View就會自動更新;如果用戶...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...
閱讀 2957·2023-04-26 01:32
閱讀 1552·2021-09-13 10:37
閱讀 2288·2019-08-30 15:56
閱讀 1681·2019-08-30 14:00
閱讀 3057·2019-08-30 12:44
閱讀 1972·2019-08-26 12:20
閱讀 1070·2019-08-23 16:29
閱讀 3236·2019-08-23 14:44