1.mvvm 框架是什么?


前端頁面中使用MVVM的思想,即MVVM是整個視圖層view的概念,屬於視圖層的概念。

MVVM是Model-View-ViewModel的簡寫。即模型-視圖-視圖模型。

模型指的是后端傳遞的數據。

視圖指的是所看到的頁面。

視圖模型是mvvm模式的核心,它是連接view和model的橋梁。

它有兩個數據傳遞方向:

一是將模型轉化成視圖,即將后端傳遞的數據轉化成所看到的頁面。實現的方式是:數據綁定。

二是將視圖轉化成模型,即將所看到的頁面轉化成后端的數據。實現的方式是:DOM 事件監聽。

以上兩個方向都實現的,我們稱之為數據的雙向綁定。

總結:在MVVM的框架下視圖和模型是不能直接通信的。它們通過ViewModel來通信,ViewModel通常要實現一個observer觀察者,當數據發生變化,ViewModel能夠監聽到數據的這種變化,然后通知到對應的視圖做自動更新,而當用戶操作視圖,ViewModel也能監聽到視圖的變化,然后通知數據做改動,這實際上就實現了數據的雙向綁定。並且MVVM中的View 和 ViewModel可以互相通信。MVVM流程圖如下:

 

 

 

MVVM是前端視圖層的分層開發思想,將頁面分成了Model, View,和VM;其中VM是核心,因為VM是V和M之間的調度者;

優勢:

MVVM提供了數據的雙向綁定,讓我們的開發更加方便


免責聲明!

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



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