MVVM模式理解

2022-03-14 09:11:30 字數 1047 閱讀 9302

mvvm 是 model-view-viewmodel 的縮寫。

model代表資料模型,也可以在model中定義資料修改和操作的業務邏輯。

view代表ui 元件,它負責將資料模型轉化成ui 展現出來。

viewmodel監聽模型資料的改變和控制檢視行為、處理使用者互動,簡單理解就是乙個同步view

和 model的物件,連線model和view。

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

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

mvvm是 model-view-viewmodel 的縮寫

model: 代表資料模型,也可以在model中定義資料修改和操作的業務邏輯。我們可以把model稱為資料層,因為它僅僅關注資料本身,不關心任何行為

view: 使用者操作介面。當viewmodel對model進行更新的時候,會通過資料繫結更新到view

viewmodel: 業務邏輯層,view需要什麼資料,viewmodel要提供這個資料;view有某些操作,viewmodel就要響應這些操作,所以可以說它是model for view.

總結: mvvm模式簡化了介面與業務的依賴,解決了資料頻繁更新。mvvm 在使用當中,利用雙向繫結技術,使得 model 變化時,viewmodel 會自動更新,而 viewmodel 變化時,view 也會自動變化。

簡單理解MVVM模式

mvvm是model view viewmodel的簡稱,是一種前端開發的架構模式,其核心是資料的雙向繫結。在mvvm中viewmodel 通過雙向資料繫結把 view 層和 model 層連線了起來,而view 和 model 之間的同步工作完全是自動的,無需人為干涉,我們不需要再手動操作dom,...

MVVM模式的理解

mvvm全稱model view viewmodel是基於mvc和mvp體系結構模式的改進,mvvm就是mvc模式中的view的狀態和行為抽象化,將檢視ui和業務邏輯分開,更清楚地將使用者介面ui的開發與應用程式中業務邏輯和行為的開發區分開來。mvvm模式簡化了介面與業務的依賴,有助於將圖形使用者介...

理解 Vue 的 MVVM 模式

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