1.6.2　面試技巧與解析（二）

面試官：在Vue.js中怎么理解MVVM模式？

應(yīng)聘者：

MVVM是Model View ViewModel的縮寫(xiě)。其中Model、View、ViewModel的作用分別如下。

（1）Model代表數(shù)據(jù)模型，可以在Model中定義數(shù)據(jù)修改和操作的業(yè)務(wù)邏輯。

（2）View代表UI組件，負(fù)責(zé)將數(shù)據(jù)模型轉(zhuǎn)換成UI展現(xiàn)出來(lái)。

（3）ViewModel監(jiān)聽(tīng)模型數(shù)據(jù)的改變和控制視圖行為、處理用戶交互，簡(jiǎn)單理解就是一個(gè)同步View和Model的對(duì)象，連接Model和View。在MVVM架構(gòu)下，View和Model之間并沒(méi)有直接的聯(lián)系，而是通過(guò)ViewModel進(jìn)行交互。Model和ViewModel之間的交互是雙向的，因此View數(shù)據(jù)的變化會(huì)同步到Model中，而Model數(shù)據(jù)的變化也會(huì)立即反映到View上。ViewModel通過(guò)雙向數(shù)據(jù)綁定把View層和Model層連接了起來(lái)，而View和Model之間的同步工作完全是自動(dòng)的，無(wú)須人為干涉，因此開(kāi)發(fā)者只需關(guān)注業(yè)務(wù)邏輯，不需要手動(dòng)操作DOM、不需要關(guān)注數(shù)據(jù)狀態(tài)的同步問(wèn)題，復(fù)雜的數(shù)據(jù)狀態(tài)維護(hù)完全由MVVM統(tǒng)一管理。