1. 什么是MVVM 不管是MVC，MVP，或者MVVM，都是常見的軟件架構(gòu)設計模式(Architectural Pattern)，它通過分離關注點來改進代碼的組織方式。
不同于設計模式(Design Pattern)，只是為了解決一類問題而總結(jié)出的抽象方法，一種架構(gòu)模式往往使用了多種設計模式。
MVVM，可以拆分為Model-View-ViewModel來理解：
- Model - 數(shù)據(jù)模型，可以對應到真實開發(fā)過程中的數(shù)據(jù)包
- View - 視圖層，布局和外觀，可以對應到真實開發(fā)中的 DOM結(jié)構(gòu)
- ViewModel - 扮演“View”和“Model”之間的使者，幫忙處理 View 視圖層的全部業(yè)務邏輯
2. 為什么使用MVVM框架要回答這個問題，我們需要對比一下，在使用MVVM框架之前，我們是如何完成前端交互的。
- 使用前，為了修改某個視圖節(jié)點中的內(nèi)容信息，我們需要頻繁人為操作DOM，效率低下 var dom = document.querySelector('div'); dom.innerHTML = '張三豐'; dom.style.color = 'red';
- 使用后，當name數(shù)據(jù)發(fā)生變化的時候，視圖區(qū)域的name自定觸發(fā)更新，極大提高開發(fā)效率
{{name}}
京公網(wǎng)安備 11010802030320號