MVVM是什么

MVVM概念

MVVM是Model-View-ViewModel的簡寫。它本質(zhì)上就是MVC 的改進版。MVVM 就是將其中的View 的狀態(tài)和行為抽象化，讓我們將視圖 UI 和業(yè)務(wù)邏輯分開。當然這些事 ViewModel 已經(jīng)幫我們做了，它可以取出 Model 的數(shù)據(jù)同時幫忙處理 View 中由于需要展示內(nèi)容而涉及的業(yè)務(wù)邏輯。微軟的WPF帶來了新的技術(shù)體驗，如Silverlight、音頻、視頻、3D、動畫……，這導(dǎo)致了軟件UI層更加細節(jié)化、可定制化。同時，在技術(shù)層面，WPF也帶來了 諸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由來便是MVP（Model-View-Presenter）模式與WPF結(jié)合的應(yīng)用方式時發(fā)展演變過來的一種新型架構(gòu)框架。它立足于原有MVP框架并且把WPF的新特性糅合進去，以應(yīng)對客戶日益復(fù)雜的需求變化。

MVVM的核心是數(shù)據(jù)驅(qū)動即ViewModel，ViewModel是View和Model的關(guān)系映射。ViewModel類似中轉(zhuǎn)站(Value Converter)，負責轉(zhuǎn)換Model中的數(shù)據(jù)對象，使得數(shù)據(jù)變得更加易于管理和使用。MVVM本質(zhì)就是基于操作數(shù)據(jù)來操作視圖進而操作DOM，借助于MVVM無需直接操作DOM，開發(fā)者只需完成包含聲明綁定的視圖模板，編寫ViewModel中有業(yè)務(wù)，使得View完全實現(xiàn)自動化。

vue中的MVVM思想

viewmodel做了兩件事情。
1.數(shù)據(jù)綁定  把js里面的數(shù)據(jù)通過插值操作mustachae語法綁定到真實dom里面 而且是響應(yīng)式的 一旦數(shù)據(jù)發(fā)生改變
自動監(jiān)聽到數(shù)據(jù)的改變，把最新的數(shù)據(jù)再重新綁定到view上面，view里面顯示得永遠是model里面最新的數(shù)據(jù)

2.DOM監(jiān)聽
當view上面有一些事件或者用戶操作的時候，通過指令，把事件響應(yīng)相關(guān)的東西，綁定到model里面，在model里面可以寫一些js代碼（比如回調(diào)methods里面定義的一些函數(shù)）