1、VUE介紹


1、VUE簡介

      最近一段時間,Web前端領域出現了很多MVVM框架技術,如AngularJSReactVUE.js等等。

      Vue.js借鑒了AngularJS的設計理念,也吸取了ReactAngularJS的教訓,VUE被設計成一種輕量級的MVVM框架,文檔清晰,容易學習,深受前端開發人員的喜愛。

      Vue通過一個盡量簡單的API來提供反應式的數據綁定和可組合、復用的視圖組件,它不是一個大而全的框架。

     Vue是一個MVVM框架的實現,他只提供了框架,更多的功能你可以結合其他的前端技術來實現,比如在VUE里面,你想去對DOM進行復雜操作,可以將Jquery引入進來,JqueryDOM的操作是最靈活最強大的。

 

2、框架MVC => MVP => MVVM

      為什么寫前端需要用框架呢?

      復雜的軟件必須有清晰合理的架構,否則無法開發和維護。MVCMVPMVVM,三者的目的都是關注分離,使得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程序

 

 

 

 

點擊瀏覽器查看

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM