Vue基礎-框架介紹

在學VUe前先了解類庫和框架

區分框架和類庫等

1. 類庫

類庫提供的是真實項目中經常使用到的方法，它是一個工具包，基於這個工具包能夠快速開發項目，列如：jQuery、Zepto、underscore...

2. 插件

插件是把項目中某一個具體的功能進行封裝，列如：TAB選項卡插件、BANNER輪播圖插件、DIALOG模態框插件、DRAG拖拽插件

3. UI組件

UI組件庫通常是多個插件的集合體，不只提供了JS對應的功能，並且把結構、樣式等也都實現了,列如：bootstrap、swiper、mui、妹子UI...

4. 框架

框架是類庫和組件的綜合體，裏面提供了大量供咱們操做的方法，也有相應的UI組件庫供咱們快速開發；框架是具有獨立編程思想的，例如：vue是MVVM思想，讓咱們告別傳統的DOM操做，按照視圖和數據的相互渲染來完成項目開發會比咱們以前基於原生操做更簡單，性能更好；JS框架有：如今很火的vue(MVVM)、react(MVC)；APP框架：uni-app、react native、flutter、angular（ng）

VUE中的是漸進是框架、MVVM框架

漸進式框架

漸進式：類庫或者框架都是重量級的，裏面包含不少方法，在實際開發咱們有可能不是所有用到，因此在框架開發時，把功能按照模塊進行單獨開發，使用者可根據需求導入對應的模塊使用

• Vue全家桶：
  • vue：基礎模塊（基礎語法、核心實現、組件開發、相關指令等）
  • vue-router：構建SPA單頁面應用的路由
  • vuex：公共狀態管理
  • vue-cli：vue腳手架
  • components：vue element、iview、vux...

MVVM/MVC框架

MVVM是雙向數據綁定的：VUE自己實現了數據和視圖的相互監聽影響

MVC是單向數據綁定，數據更改能夠渲染視圖，但視圖更改，對應的數據沒有更改，須要本身在控制層基於change事件實現數據的更改（REACT）

• m：mode 數據層
• v：view 視圖層
• vm：viewModel 數據和視圖的監聽層，當數據或者視圖發生改變，VM層會監聽到，同時把對應的另一層改變或者從新渲染(Vue就是VM監聽層)
  • 數據層改變：vm會幫咱們從新渲染視圖
  • 視圖層改變：vm也會幫咱們把數據從新更改

最後

• 若是有什麼不對的地方，歡迎指出交流