Vue 如何理解MVVM?

2021-10-09 16:04:58 字數 687 閱讀 1682

mvvm:即model-view-viewmodel的縮寫。

背景:傳統元件,只是靜態渲染,通過拼接資料進行渲染,更新需要依賴於dom操作。而vue—mvvm:資料驅動檢視。只需要更改資料,不需要自己操作dom,vue框架本身會根據資料重新渲染檢視。

model:資料模型,進行資料的業務邏輯處理;

view:檢視,將資料模型轉化為檢視;

viewmodel:監聽資料模型的改變和控制檢視行為、處理使用者互動,連線model和view。

在mvvm架構下,view 和 model 之間並沒有直接的聯絡,而是通過viewmodel進行互動,view通過事件繫結來操作model,model通過資料繫結來操作view, 因此view 資料的變化會同步到model中,而model 資料的變化也會立即反應到view 上。

viewmodel 通過雙向資料繫結把 view 層和 model 層連線了起來,而view 和 model 之間的同步工作完全是自動的,無需人為干涉,因此我們只需關注業務邏輯,不需要手動操作dom, 不需要關注資料狀態的同步問題,複雜的資料狀態維護完全由 mvvm 來統一管理。

理解 Vue 的 MVVM 模式

vue 實 現方式使用資料劫持 發布訂閱模式,其核心為 object.defineproperty 不相容ie8以下 angualr 使用髒值檢測 這次主要介紹vue如何通過 object.defineproperty 實現mvvm object.defineproperty obj,propert...

如何理解mvvm原理

說起這個mvvm模型,就不得不說mvc框架。將整個前端頁面分成view,controller,modal,檢視上發生變化,通過controller 控制項 將響應傳入到model 資料來源 由資料來源改變view上面的資料。整個過程看起來是行雲流水,業務邏輯放在model當中,頁面渲染邏輯放在vie...

對vue中MVVM模型理解

mvvm 是 model view viewmodel 的縮寫 model 代表資料模型,也可以在model中定義資料修改和操作的業務邏輯。我們可以把model稱為資料層,因為它僅僅關注資料本身,不關心任何行為 view 使用者操作介面 dom 當viewmodel對model進行更新的時候,會通過...