vue基礎(chǔ)培訓(xùn)(編輯修改稿)
2024-09-01 00:49 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 間的修改 ,那么依賴(lài)程序員自己去手動(dòng)管理這些 ui的狀態(tài) ,會(huì)讓人煩不勝煩 ,且容易出現(xiàn) bug。 總結(jié)一下基于操作 dom的前端開(kāi)發(fā)方式： 拼界面 找到 dom節(jié)點(diǎn) 修改屬性 檢測(cè)是否有其他影響的節(jié)點(diǎn) 根據(jù)剛剛修改的dom節(jié)點(diǎn)更新自己的狀態(tài) 那么上面的那句話(huà)就變成了 ：前端程序 = 拼界面 +操作 ui+算法 vue或者 angular這些 mvvm框架給了前端另一種思路 ,完全基于數(shù)據(jù)驅(qū)動(dòng)的編程。如果你之前已經(jīng)習(xí)慣了用 jQuery操作 DOM，學(xué)習(xí) DOM的思維，因?yàn)?，你無(wú)需手動(dòng)操作 DOM。 Vue采用一種數(shù)據(jù)綁定的方式 ,自動(dòng)綁定 dom節(jié)點(diǎn)的屬性 .這樣就把你從操作 dom節(jié)點(diǎn)的繁瑣過(guò)程中解脫出來(lái)了 ,你只要專(zhuān)注于數(shù)據(jù)的狀態(tài) ,ui更新的事情你不需要去管了 ,不管是樣式還是內(nèi)容 ,可見(jiàn)性還是切換class,框架幫你把關(guān)注點(diǎn)從傳統(tǒng)的 dom操作轉(zhuǎn)移到了數(shù)據(jù) ,回歸編程的本質(zhì) :程序 =數(shù)據(jù)結(jié)構(gòu) +算法 . 這也是 mvvm框架最大的思路上的突破。組件式編程 這個(gè)理念不是來(lái)源于 vue, 把 web組件式開(kāi)發(fā)發(fā)揚(yáng)光大的應(yīng)該是 react了 ,組件開(kāi)發(fā)是一種樸素的開(kāi)發(fā)思想 ,分而治之 ,大型系統(tǒng)拆分成一個(gè)個(gè)的小模塊小組件 ,分配給不同的人。額外的好處是順便能復(fù)用這個(gè)組件。理解組件的思想可以類(lèi)比函數(shù)。一個(gè)函數(shù)包含哪些東西呢？那對(duì)應(yīng)到 vue中又是什么呢 ?Vue之 Hello World！ Vue之 Hello World！使用 Vue的過(guò)程就是定義 MVVM各個(gè)組成部分的過(guò)程的過(guò)程。 View Model Vue實(shí)例或 ViewM
高考資料相關(guān)推薦
鄂ICP備17016276號(hào)-1