MVVM模式中ViewModel和View、Model有什么區(qū)別？
Model：很簡單，就是業(yè)務(wù)邏輯相關(guān)的數(shù)據(jù)對象，通常從數(shù)據(jù)庫映射而來，我們可以說是與數(shù)據(jù)庫對應(yīng)的model。
View：也很簡單，就是展現(xiàn)出來的用戶界面。
基本上，絕大多數(shù)軟件所做的工作無非就是從數(shù)據(jù)存儲(chǔ)中讀出數(shù)據(jù)，展現(xiàn)到用戶界面上，然后從用戶界面接收輸入，寫入到數(shù)據(jù)存儲(chǔ)里面去。所以，對于數(shù)據(jù)存儲(chǔ)（model）和界面（view）這兩層，大家基本沒什么異議。但是，如何把model展現(xiàn)到view上，以及如何把數(shù)據(jù)從view寫入到model里，不同的人有不同的意見。
MVC派的看法是，界面上的每個(gè)變化都是一個(gè)事件，我只需要針對每個(gè)事件寫一堆代碼，來把用戶的輸入轉(zhuǎn)換成model里的對象就行了，這堆代碼可以叫controller。
而MVVM派的看法是，我給view里面的各種控件也定義一個(gè)對應(yīng)的數(shù)據(jù)對象，這樣，只要修改這個(gè)數(shù)據(jù)對象，view里面顯示的內(nèi)容就自動(dòng)跟著刷新，而在view 里做了任何操作，這個(gè)數(shù)據(jù)對象也跟著自動(dòng)更新，這樣多美。所以：
ViewModel：就是與界面（view）對應(yīng)的Model。因?yàn)椋瑪?shù)據(jù)庫結(jié)構(gòu)往往是不能直接跟界面控件一一對應(yīng)上的，所以，需要再定義一個(gè)數(shù)據(jù)對象專門對應(yīng)view上的控件。而ViewModel的職責(zé)就是把model對象封裝成可以顯示和接受輸入的界面數(shù)據(jù)對象。
至于viewmodel的數(shù)據(jù)隨著view自動(dòng)刷新，并且同步到model里去，這部分代碼可以寫成公用的框架，不用程序員自己操心了。
簡單的說，ViewModel就是View與Model的連接器，View與Model通過ViewModel實(shí)現(xiàn)雙向綁定。
相關(guān)文章
這篇文章主要介紹了js charAt的使用方法,需要的朋友可以參考下2014-02-02
這篇文章主要為大家詳細(xì)介紹了如何利用bootstrap快速制作后臺(tái)界面,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
select沒有只讀屬性，所以需要在select外面包含一個(gè)span，通過js來改變,需要的朋友可以參考下2014-04-04
JavaScript實(shí)現(xiàn)表單驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)表單驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了關(guān)于ECharts圖表顯示顏色修改方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
js使用DOM操作實(shí)現(xiàn)簡單留言板的方法
這篇文章主要介紹了js使用DOM操作實(shí)現(xiàn)簡單留言板的方法,涉及javascript中DOM操作的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
由于瀏覽器的安全限制,Javascript無法直接獲取用戶上傳文件的絕對路徑。但是我們可以通過一些技巧來獲取文件的相對路徑,這篇文章主要給大家介紹了關(guān)于js獲得相對路徑文件并上傳到服務(wù)器的相關(guān)資料,需要的朋友可以參考下2023-11-11
瀏覽器自帶的原生彈窗很不美觀，而且功能比較單一，絕大部分時(shí)候我們都會(huì)按照設(shè)計(jì)圖自定義彈窗或者直接使用注入layer的彈窗等等。下面小編給大家?guī)砹薐S實(shí)現(xiàn)自定義彈窗，感興趣的朋友一起看看吧2018-08-08
通過action傳過來的值在option獲取進(jìn)行驗(yàn)證的方法
通過action傳過來的值在option獲取進(jìn)行驗(yàn)證，下面有個(gè)不錯(cuò)的示例，需要的朋友不要錯(cuò)過2013-11-11
JavaScript中對象property的讀取和寫入方法介紹
這篇文章主要介紹了JavaScript中對象property的讀取和寫入方法介紹,本文講解了原型繼承鏈中property的讀取、原型繼承鏈中property的寫入等內(nèi)容,需要的朋友可以參考下2014-12-12