- Vue.js從入門到項目實踐(超值版)
- 聚慕課教育研發中心編著
- 339字
- 2022-07-29 14:27:29
1.6.2 面試技巧與解析(二)
面試官:在Vue.js中怎么理解MVVM模式?
應聘者:
MVVM是Model View ViewModel的縮寫。其中Model、View、ViewModel的作用分別如下。
(1)Model代表數據模型,可以在Model中定義數據修改和操作的業務邏輯。
(2)View代表UI組件,負責將數據模型轉換成UI展現出來。
(3)ViewModel監聽模型數據的改變和控制視圖行為、處理用戶交互,簡單理解就是一個同步View和Model的對象,連接Model和View。在MVVM架構下,View和Model之間并沒有直接的聯系,而是通過ViewModel進行交互。Model和ViewModel之間的交互是雙向的,因此View數據的變化會同步到Model中,而Model數據的變化也會立即反映到View上。ViewModel通過雙向數據綁定把View層和Model層連接了起來,而View和Model之間的同步工作完全是自動的,無須人為干涉,因此開發者只需關注業務邏輯,不需要手動操作DOM、不需要關注數據狀態的同步問題,復雜的數據狀態維護完全由MVVM統一管理。