在vue中,vm是ViewModel的縮寫,是視圖模型的意思,是連接view和model的橋梁;ViewModel能夠監(jiān)聽到數(shù)據(jù)的變化,然后通知到對應的視圖做自動更新,實現(xiàn)雙向綁定。
本文操作環(huán)境:windows10系統(tǒng)、Vue2.9.6版,DELL G3電腦。
vue中vm是什么
VM實際是ViewModel–視圖模型。
MVVM 視圖-模型-視圖模型
【視圖】指的是所看到的頁面,【模型】指的是后端傳遞的數(shù)據(jù)。
【視圖模型】mvvm模式的核心,它是連接view和model的橋梁;它有兩個方向:
一是:將【模型】轉化成【視圖】,即將后端傳遞的數(shù)據(jù)轉化成所看到的頁面。實現(xiàn)的方式是:數(shù)據(jù)綁定。
二是:將【視圖】轉化成【模型】,即將所看到的頁面轉化成后端的數(shù)據(jù)。實現(xiàn)的方式是:DOM 事件監(jiān)聽。
這兩個方向都實現(xiàn)的,我們稱之為數(shù)據(jù)的【雙向綁定】。
在 MVVM 的框架下視圖和模型是不能直接通信的。它們通過 ViewModel 來通信,ViewModel 通常要實現(xiàn)一個 observer 觀察者,當數(shù)據(jù)發(fā)生變化,ViewModel 能夠監(jiān)聽到數(shù)據(jù)的這種變化,然后通知到對應的視圖做自動更新。
而當用戶操作視圖,ViewModel 也能監(jiān)聽到視圖的變化,然后通知數(shù)據(jù)做改動,這實際上就實現(xiàn)了數(shù)據(jù)的雙向綁定。并且MVVM中的View 和 ViewModel可以互相通信。
【