前端碼農(nóng)對(duì)Vue的簡(jiǎn)單理解
????Vue是尤神開創(chuàng)的一個(gè)js庫(kù)，其涵蓋了react與angular兩者的優(yōu)點(diǎn)，用過(guò)vue的碼友都知道其中有react的組件的概念、虛擬dom的影子也有angular的指令、雙向數(shù)據(jù)綁定的思想?？梢哉f(shuō)vue是兩者的結(jié)合，各取其精華，因而vue在開發(fā)中易于上手也是相當(dāng)強(qiáng)大，如今的SPA應(yīng)用非常廣泛，也是當(dāng)下前端的趨勢(shì)所以掌握vue對(duì)于前端開發(fā)人員還是很有必要的。不說(shuō)那么多題外話了，言歸正傳。
? ? Vue是個(gè)龐大的架構(gòu)，采用mmvm的設(shè)計(jì)模式，從14年推出至今已衍生很多附加的功能，想必大家都比較熟悉的vue全家桶。包括有vue+vue-router+vuex以及vue的調(diào)試工具vue devtools等。做一vue的技術(shù)棧這些都是要掌握的。對(duì)于入門的朋友則需要從vue的官方文檔入手，首先至少通讀一遍vue的技術(shù)文檔，認(rèn)識(shí)到vue是什么，干什么的，其次是怎么用。具體的 還是要找個(gè)開源項(xiàng)目練練手。此外，你在開發(fā)vue時(shí)正如官方文檔里說(shuō)的要對(duì)前端三板斧html、css、js基礎(chǔ)扎實(shí)，尤其是對(duì)JavaScript的面向?qū)ο缶幊痰乃枷胍约昂瘮?shù)式編程有一定的了解。同時(shí)，你還需要熟悉es6的相關(guān)知識(shí)，不太了解沒(méi)關(guān)系看，建議看阿里阮一峰大神的es6入門文檔補(bǔ)補(bǔ)坑。
? ? 在開發(fā)大家需要側(cè)重了解vue的鉤子函數(shù)，看這張圖你就清楚了：
開發(fā)中用的比較多的是computed（計(jì)算屬性），watch（監(jiān)聽器），vue的父子組件傳參 （prop和自定義事件），插槽，再者就是vue的核心--組件，若要對(duì)vue運(yùn)用的更加6的話對(duì)組件的復(fù)用，模塊化編程要有深入的了解，即是考驗(yàn)?zāi)銓?duì)組件封裝的能力，這在開發(fā)大型的應(yīng)用時(shí)是非常有用的，便于后期維護(hù)。
? ? 另一方面還需要了解vue的路由怎么用，不然怎么叫做單頁(yè)面開發(fā)呢是吧，掌握路由的使用及傳參等。還有一個(gè)很重要的就是類似redux的vuex（vue的狀態(tài)管理），因?yàn)樗菕燧d在全局的，對(duì)于嵌套組件過(guò)多的應(yīng)用很有用。
這次就簡(jiǎn)單聊一下，日后會(huì)詳細(xì)的對(duì)vue在實(shí)際開發(fā)環(huán)境遇到的各種坑做一個(gè)匯總，并且一一對(duì)vue的技術(shù)文檔中結(jié)合實(shí)戰(zhàn)項(xiàng)目進(jìn)行深入的講解。喜歡的碼友們關(guān)注一下，蟹蟹。
