Vue中的MVVM模式是如何实现数据双向绑定的？

本文共计739个文字，预计阅读时间需要3分钟。

学习了MVVM模式+起初还觉得有点难，后面与双向数据绑定链起来还是很容易理解的。那么什么是MVVM呢？不明确思路的话，他们可能就无法确定和我想要的一样+每个单词的首字母都记住了！没错，就是它Model！

学习了MVVM模式

起先还觉得有点难，后面与双向数据绑定链接起来还是很容易理解的。

那么什么是MVVM呢？

不明思议咋们肯定和我想的一样 每个单词的首写字母呗！

对没错就是它Model-View-ViewModel。 可以实现我们的双向数据绑定

下面我来用我的理解解析下它们之间的关系：

哈哈 有点小尴尬哈

先来说下View与Model之间有联系吗？

在MVVM架构下，View 和 Model 之间其实并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。

好啦，说到这可能有些小伙伴会问view 什么，Model是什么？

Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；

View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。

Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。