前端頁面中使用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提供了數據的雙向綁定,讓我們的開發更加方便