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