web前端框架vue基礎知識

　　隨著技術的進步現在web前端開發不僅應用廣泛，而且也有了很多新的技術點，就像現在的前端開發工作中如果不會框架是基本不行的，而在三大框架中企業使用比較多的框架就是vue了。由于很多學習web前端的人對于這方面的知識還是不太了解，所以今天就來介紹web前端框架vue基礎知識。
 

　　1.vue框架的優點

　　輕量級框架：只關注視圖層，是一個構建數據的視圖集合，大小只有幾十kb;

　　簡單易學：國人開發，中文文檔，不存在語言障礙 ，易于理解和學習;

　　雙向數據綁定：保留了angular的特點，在數據操作方面更為簡單;

　　組件化：保留了react的優點，實現了html的封裝和重用，在構建單頁面應用方面有著獨特的優勢;

　　視圖，數據，結構分離：使數據的更改更為簡單，不需要進行邏輯代碼的修改，只需要操作數據就能完成相關操作;

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

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

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

　　2.Vue框架的生命周期

　　總共分為8個階段創建前/后，載入前/后，更新前/后，銷毀前/后。

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

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

　　更新前/后：當data變化時，會觸發beforeUpdate和updated方法

　　銷毀前/后：在執行destroy方法后，對data的改變不會再觸發周期函數，說明此時vue實例已經解除了事件監聽以及和dom的綁定，但是dom結構依然存在
 

　　3.vue組件中的函數

　　對象為引用類型，當復用組件時，由于數據對象都指向同一個data對象，當在一個組件中修改data時，其他重用的組件中的data會同時被修改;而使用返回對象的函數，由于每次返回的都是一個新對象(Object的實例)，引用地址不同，則不會出現這個問題。
 

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