1、介紹
Vue（讀音/vju/，類似view），是中國的大神尤雨溪開發的，為數不多的國人開發的世界頂級開源軟體，是一套用于構建用戶界面的漸進式框架，Vue 被設計為可以自底向上逐層應用，MVVM回應式編程模型，避免直接操作DOM，降低DOM操作的復雜性，
Vue官網地址：https://cn.vuejs.org/
2、MVVM編程思想
MVVM：頁面輸入改變資料，資料改變影響頁面資料展示與渲染，
Vue中的MVVM模式即Model-View-ViewModel，即模型-視圖-視圖模型，
View層：視圖層，在前端開發中通常就是DOM層，主要作用是給用戶展示各種資訊，
Model層：資料可能使我們固定的死資料，更多的是來自我們服務器，從網路上請求下來的資料，
ViewModel層：
- 視圖模型層，視圖模型層是View和Model溝通的橋梁；
- 一方面它實作了Data Binding，也就是資料系結，將Model的改變實時的反應到View中；
- 另一方面它實作了DOM Listener，也就是DOM監聽，當DOM發生一些事件(點擊、滾動、touch等)時，可以監聽到，并在需要的情況下改變對應的Data，
簡單來說：
M(Model)： 普通的javascript資料物件；
V(view)：前端展示頁面；
VM(ViewModel)：用于雙向系結資料與頁面，
3、漸進式框架
漸進式框架非常簡單 ，就是用你想用或者能用的功能特性 ，你不想用的部分功能可以先不用，VUE不強求你一次性 接受并使用它的全部功能特性，
場景一：公司剛開始一個專案 ，技術人員對Vue的掌握也不足夠，那么我們就不能使用VUE了么？當然不是， 如果你只是使用VUE做些基礎操作 ，如：頁面渲染、表單處理提交功能 ，那還是非常簡單的 ，成熟技術人員上手 也就一兩天，完全可以用它去代替JQuery，并不需要你去引入其他復雜特性功能，
場景二：我們專案用了VUE ，使用的效果也挺好，那么我們想逐漸實作代碼組件化 ，實作代碼的復用 ，或者是 基于組件原型的跨專案的代碼復用，那么我們就可以引入VUE的components組件特性了，
場景三：我們的專案規模逐漸的變大了 ，我們可能會逐漸用到前端路由、狀態集中管理、并最終實作一個高度工程化的前端專案，這些功能特性我們可以逐步引入 ，當然不用也可以，
所以VUE的適用面很廣 ，你可以用它代替老專案中的JQuery，也可以在新專案啟動初期 ，有限的使用VUE的功能特性， 從而降低上手的成本，
4、Vue核心功能
基礎功能：頁面渲染、表單處理提交、幫我們管理DOM(虛擬DOM)節點
組件化開發：增強代碼的復用能力 ，復雜系統代碼維護更簡單
前端路由：更流暢的的用戶體驗、靈活的在頁面切換已渲染組件的顯示 ，不需與后端做多余的互動
狀態集中管理：MVVM回應式模型基礎上實作多組件之間的狀態資料同步與管理
前端工程化：結合webpack等前端打包工具 ，管理多種靜態資源 ，代碼 ，測驗 ，發布等 ，整合前端大型專案，
5、Vue需要的前置ES6知識
ES6:
ECMAScript 6（簡稱ES6）是于2015年6月正式發布的JavaScript語言的標準，正式名為ECMAScript 2015（ES2015），它的目標是使得JavaScript語言可以用來撰寫復雜的大型應用程式，
另外，一些情況下ES6也泛指ES2015及之后的新增特性，雖然之后的版本應當稱為ES7、ES8等，
Vue先就簡單介紹到這里，雖然比較枯燥，還是了解一下比較好，
作者：全堆疊測驗開發日記
出處：https://www.cnblogs.com/liudinglong/
csdn：https://blog.csdn.net/liudinglong1989/
微信公眾號：全堆疊測驗開發日記
本文著作權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連接，否則保留追究法律責任的權利，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/542101.html
標籤：其他
上一篇：node和npm如何升級版本