首頁 >web前端 >js教程 >MVVM的理解

MVVM的理解

angryTom
angryTom原創
2020-02-06 10:01:524229瀏覽

MVVM的理解

MVVM的理解

#概述

MVVM是MVC的變種和進階,在概念上是真正將頁面與資料邏輯分離的模式,它把資料綁定工作放到一個JS裡去實現,而這個JS檔案的主要功能是完成資料的綁定,即把model綁定到UI的元素。

MVVM模式可以分為:

M----> model 模型層(一般用於資料存儲,儲存一些業務邏輯),也就是我們說的數據模型。

V-----> view 視圖層(介面),用來展示資料。

VM—> ViewModel(視圖模型),也就是$scope。

在實際應用中,更多的是進行頁面交互,而最後一次性向伺服器提交處理(弱化了MVC中控制器的功能),增強了視圖與模型的使用,因此將此稱為MVVM.

MVVM模式的優點

● 低耦合:View可以獨立於Model變化和修改,而同一個ViewModel可以被多個View複用;並且可以做到View和Model的變化互不影響;

● 可重用性:可以把一些視圖的邏輯放在ViewModel,讓多個View復用;

●獨立開發:開發人員可以專注與業務邏輯和資料的開發;

● 可測試性:清晰的View分層,使得針對錶現層業務邏輯的測試更容易,更簡單。

本文來自 js教學 欄目,歡迎學習!

以上是MVVM的理解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn