Vue中的MVVM框架

2022-09-05 16:15:17 字數 941 閱讀 2001

viewmodel:資料雙向繫結

場景

針對具有複雜互動邏輯的前段應用

提供基礎的架構抽象

通過ajax資料持久化,保證前端使用者體驗

什麼是vue.js?

是乙個輕量級的mvvm框架

資料驅動+元件化的前端開發

github超過25k+的star數,社群完善

vue對比angular,react

vue更清涼,gzip有20k+

vuejs更上手,學習曲線平穩

借鑑了angular的指令和react的元件化

vue核心思想

資料驅動

資料響應原理:

元件化

元件設計原則:

Vue 實現mvvm框架

observe obj 訂閱 key 資料 if this.binding key let binding this.binding key 重寫getter,setter object.defineproperty obj,key,set newval proxydata data,vm set ...

VUE的MVVM框架解析

view 也很簡單,就是展現出來的使用者介面。基本上,絕大多數軟體所做的工作無非就是從資料儲存中讀出資料,展現到使用者介面上,然後從使用者介面接收輸入,寫入到資料儲存裡面去。所以,對於資料儲存 model 和介面 view 這兩層,大家基本沒什麼異議。但是,如何把model展現到view上,以及如何...

VUE的MVVM框架解析

view 也很簡單,就是展現出來的使用者介面。基本上,絕大多數軟體所做的工作無非就是從資料儲存中讀出資料,展現到使用者介面上,然後從使用者介面接收輸入,寫入到資料儲存裡面去。所以,對於資料儲存 model 和介面 view 這兩層,大家基本沒什麼異議。但是,如何把model展現到view上,以及如何...