隨著技術(shù)的進(jìn)步現(xiàn)在web前端開發(fā)不僅應(yīng)用廣泛，而且也有了很多新的技術(shù)點(diǎn)，就像現(xiàn)在的前端開發(fā)工作中如果不會(huì)框架是基本不行的，而在三大框架中企業(yè)使用比較多的框架就是vue了。由于很多學(xué)習(xí)web前端的人對于這方面的知識還是不太了解，所以今天就來介紹web前端框架vue基礎(chǔ)知識。
 

　　1.vue框架的優(yōu)點(diǎn)

　　輕量級框架：只關(guān)注視圖層，是一個(gè)構(gòu)建數(shù)據(jù)的視圖集合，大小只有幾十kb;

　　簡單易學(xué)：國人開發(fā)，中文文檔，不存在語言障礙 ，易于理解和學(xué)習(xí);

　　雙向數(shù)據(jù)綁定：保留了angular的特點(diǎn)，在數(shù)據(jù)操作方面更為簡單;

　　組件化：保留了react的優(yōu)點(diǎn)，實(shí)現(xiàn)了html的封裝和重用，在構(gòu)建單頁面應(yīng)用方面有著獨(dú)特的優(yōu)勢;

　　視圖，數(shù)據(jù)，結(jié)構(gòu)分離：使數(shù)據(jù)的更改更為簡單，不需要進(jìn)行邏輯代碼的修改，只需要操作數(shù)據(jù)就能完成相關(guān)操作;

　　虛擬DOM：dom操作是非常耗費(fèi)性能的，不再使用原生的dom操作節(jié)點(diǎn)，極大解放dom操作，但具體操作的還是dom不過是換了另一種方式;

　　運(yùn)行速度更快:相比較于react而言，同樣是操作虛擬dom，就性能而言，vue存在很大的優(yōu)勢。

為您推薦：Java開發(fā)中的三大框架都是什么?
 

　　2.Vue框架的生命周期

　　總共分為8個(gè)階段創(chuàng)建前/后，載入前/后，更新前/后，銷毀前/后。

　　創(chuàng)建前/后：在beforeCreate階段，vue實(shí)例的掛載元素el和數(shù)據(jù)對象data都為undefined，還未初始化。在created階段，vue實(shí)例的數(shù)據(jù)對象data有了，el和數(shù)據(jù)對象data都為undefined，還未初始化。

　　載入前/后：在beforeMount階段，vue實(shí)例的$el和data都初始化了，但還是掛載之前為虛擬的dom節(jié)點(diǎn)，data.message還未替換。在mounted階段，vue實(shí)例掛載完成，data.message成功渲染。

　　更新前/后：當(dāng)data變化時(shí)，會(huì)觸發(fā)beforeUpdate和updated方法

　　銷毀前/后：在執(zhí)行destroy方法后，對data的改變不會(huì)再觸發(fā)周期函數(shù)，說明此時(shí)vue實(shí)例已經(jīng)解除了事件監(jiān)聽以及和dom的綁定，但是dom結(jié)構(gòu)依然存在
 

　　3.vue組件中的函數(shù)

　　對象為引用類型，當(dāng)復(fù)用組件時(shí)，由于數(shù)據(jù)對象都指向同一個(gè)data對象，當(dāng)在一個(gè)組件中修改data時(shí)，其他重用的組件中的data會(huì)同時(shí)被修改;而使用返回對象的函數(shù)，由于每次返回的都是一個(gè)新對象(Object的實(shí)例)，引用地址不同，則不會(huì)出現(xiàn)這個(gè)問題。
 

　　以上就是對于web前端Vue框架的介紹，現(xiàn)在的web前端工作基本都要求會(huì)框架，所以我們要想找到工作掌握框架方面的知識是必然的，就像在南京北大青鳥的web前端課程中一樣，我們會(huì)中框架內(nèi)容的學(xué)習(xí)放在實(shí)戰(zhàn)中，這樣的學(xué)習(xí)效果才是比較不錯(cuò)的。