首頁 > web前端 > Vue.js > 主體

vue中vm是什麼

WBOY
發布: 2022-03-18 17:01:00
原創
10386 人瀏覽過

在vue中,vm是ViewModel的縮寫,是視圖模型的意思,是連接view和model的橋樑;ViewModel能夠監聽到資料的變化,然後通知到對應的視圖做自動更新,實現雙向綁定。

vue中vm是什麼

本文操作環境:windows10系統、Vue2.9.6版,DELL G3電腦。

vue中vm是什麼

VM實際上是ViewModel--視圖模型。

MVVM 視圖-模型-視圖模型

【視圖】指的是看到的頁面,【模型】指的是後端傳遞的資料。

【視野模型】mvvm模式的核心,它是連接view和model的橋樑;它有兩個方向:

一是:將【模型】轉換成【視圖】,即將後端傳遞的資料轉換成所看到的頁面。實現的方式是:資料綁定。

二是:將【視圖】轉換成【模型】,即將看到的頁面轉換成後端的資料。實現的方式是:DOM 事件監聽。

這兩個方向都實現的,我們稱之為資料的【雙向綁定】。

在 MVVM 的框架下視圖和模型是不能直接溝通的。它們透過 ViewModel 來通信,ViewModel 通常要實作一個 observer 觀察者,當資料發生變化,ViewModel 能夠監聽到資料的這種變化,然後通知到對應的視圖做自動更新。

而當使用者操作視圖,ViewModel 也能監聽到視圖的變化,然後通知資料做改動,這實際上實現了資料的雙向綁定。且MVVM中的View 和 ViewModel可以互相溝通。

【相關推薦:《vue.js教學》】

#

以上是vue中vm是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板