- 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統一管理。
推薦閱讀
- 網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- Dreamweaver CS6網頁設計與制作教程
- 網頁設計與制作:HTML+CSS+JavaScript標準教程
- Adobe Dreamweaver CS5中文版經典教程
- 網頁設計與網站建設從入門到精通
- Web前端開發精品課 HTML與CSS進階教程
- 網頁制作與網站建設寶典
- 速學速通:快學Flash動畫制作
- 淘寶店鋪頁面設計與裝修實戰教程
- 電子商務網頁設計(第二版)
- Web開發者晉級之道:架構、模式和領域驅動設計
- Vue.js核心技術解析與uni-app跨平臺實戰開發
- Vue應用程序開發
- Highcharts網頁圖表制作實例詳解 (Web開發典藏大系)
- 中文版Dreamweaver CS6完全自學教程