前端MVVM是什麼？

前端MVVM是一種軟體架構設計模式，其本質上就是MVC的改進版，就是將其中的View的狀態和行為抽象化，讓開發者將視圖UI和業務邏輯分開，該模式的優點有低耦合、可重用性、獨立開發和可測試。

MVVM是Model-View-ViewModel的簡寫。它本質上就是MVC 的改良版。 MVVM 就是將其中的View 的狀態和行為抽象化，讓我們將視圖 UI 和業務邏輯分開。當然這些事 ViewModel 已經幫我們做了，它可以取出 Model 的資料同時幫忙處理 View 中由於需要展示內容而涉及的業務邏輯。微軟的WPF帶來了新的技術體驗，如Silverlight、音訊、視訊、3D、動畫…，這導致了軟體UI層更加細節化、可自訂化。同時，在技術層面，WPF也帶來了 諸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。 MVVM（Model-View-ViewModel）框架的由來便是MVP（Model-View-Presenter）模式與WPF結合的應用方式時發展演變過來的一種新型架構框架。它立足於原有MVP框架並且把WPF的新特性糅合進去，以因應客戶日益複雜的需求變化。

MVVM邏輯圖

#MVVM模式的組成部分

模型

模型是指代表真實狀態內容的領域模型（物件導向），或指代表內容的資料存取層（以資料為中心）。

視圖

就像在MVC和MVP模式中一樣，視圖是使用者在螢幕上看到的結構、佈局和外觀（UI）。

視圖模型

視圖模型是暴露公共屬性和命令的視圖的抽象。 MVVM沒有MVC模式的控制器，也沒有MVP模式的presenter，有的是綁定器。在視圖模型中，綁定器在視圖和資料綁定器之間進行通訊。

綁定器

聲明性資料和指令綁定隱含在MVVM模式中。在Microsoft解決方案堆中，綁定器是一種名為XAML的標記語言。綁定器使開發人員免於被迫編寫樣板式邏輯來同步視圖模型和視圖。在微軟的堆之外實現時，聲明性資料綁定技術的出現是實現此模式的關鍵因素。

推薦教學：《JS教學》

以上是前端MVVM是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！