如何理解Vue中的MVVM?

最新推荐文章于 2023-06-07 16:36:02 发布

不染126

最新推荐文章于 2023-06-07 16:36:02 发布

阅读量332

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_59541478/article/details/126997776

版权

第一个M指的是Model数据模型，第一个V指的是View视图，后面的是ViewModel,MVVM是这种模式的缩写形式，下面画一个图来描述它们的关系：

ViewModel是连接View和的一个纽带，数据模型发生了变化，vm通知视图修改；视图发生了变化，vm通知数据模型进行相对应的修改，它们是一个双向数据进行绑定的过程。从View来看，ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化，如果有变化，则更改Model中的数据；从Model侧看，当我们更新Model中的数据时，Data Bindings工具会帮我们更新页面中的DOM元素。