1、VUE簡介
最近一段時間,Web前端領域出現了很多MVVM框架技術,如AngularJS、React,VUE.js等等。
Vue.js借鑒了AngularJS的設計理念,也吸取了React和AngularJS的教訓,VUE被設計成一種輕量級的MVVM框架,文檔清晰,容易學習,深受前端開發人員的喜愛。
Vue通過一個盡量簡單的API來提供反應式的數據綁定和可組合、復用的視圖組件,它不是一個大而全的框架。
Vue是一個MVVM框架的實現,他只提供了框架,更多的功能你可以結合其他的前端技術來實現,比如在VUE里面,你想去對DOM進行復雜操作,可以將Jquery引入進來,Jquery對DOM的操作是最靈活最強大的。
2、框架MVC => MVP => MVVM
為什么寫前端需要用框架呢?
復雜的軟件必須有清晰合理的架構,否則無法開發和維護。MVC、MVP和MVVM,三者的目的都是關注分離,使得UI更容易變換、更容易進行單元測試。
2.1. MVC框架
2.2. MVP框架
MVC為什么要衍化成MVP框架呢?
這是因為MVC的缺點在於整個都是閉環的,每一個層面都要相互牽扯,功能多樣性,違背了單一職責。
2.3. MVVM框架
MVVM框架是將Presenter功能豐富了下,實現了主動監控數據變化。
3、VUE安裝
下載地址
https://unpkg.com/vue/dist/vue.js
4、開發工具
WebStorm
5、第一個VUE程序
點擊瀏覽器查看