Vue區(qū)別于傳統(tǒng)的JS庫(kù),例如JQuery,其中一個(gè)最大的特點(diǎn)就是不用手動(dòng)去操作DOM,只需要對(duì)數(shù)據(jù)進(jìn)行變更之后,視圖也會(huì)隨之更新。 比如你想修改div#app里的內(nèi)容:
在代碼層面上的最大區(qū)別就是,JQuery直接對(duì)DOM進(jìn)行了操作,而Vue則對(duì)數(shù)據(jù)進(jìn)行了操作,接下來我們通過分析源碼來進(jìn)一步分析,Vue是如何做到數(shù)據(jù)驅(qū)動(dòng)的,而數(shù)據(jù)驅(qū)動(dòng)主要分成兩個(gè)部分依賴收集和派發(fā)更新。
數(shù)據(jù)驅(qū)動(dòng)
在Vue初始化會(huì)執(zhí)行_init方法,并調(diào)用initState方法. initState相關(guān)代碼在src/core/instance/state.js下
我們具體看看initData是如何定義的。
更多關(guān)于大數(shù)據(jù)培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。