小白学前端——简述对VUE中的MVVM模式的理解

我感觉现在找前端工作,这个对VUE中的MVVM模式的理解简直就是必考题啊,其实这个理解起来是真的很简单,但是就是真的到面试的时候就说不出口了,而且以前我看文章的时候总是会去挑那个字数最多的看,因为我感觉这种才是特别仔细的,但是我现在发现对于经验不是特别丰富的人来说,那真的是灾难,因为你会发现看了半天,你要学的没看懂,结果又冒出来的一堆要学的新名词,对于一名程序员来说,渲染学习可能真的非常重要,但是当我们基础还不是非常非常好的时候,我想可能用最简单,用最少的,你能听懂得话来让你理解你想要明白的知识,这才更为重要!

MVVM是Model  View   ViewModel的简写。

其中View就是你平时呈现出来的视图页面，Model就是用来存储所需数据的容器,而中间的ViewModel就是左边View和右面Model连接器,通过中间的DOM Listeners和Data Bindings来实现双向绑定。

我们的Model通过View Model中的DataBindings实现和View（页面）中的数据绑定，可以把Model中的数据传给View(页面)，一般是用{{}}具体来实现绑定的操作，显示给用户。

我们的View（页面）是面对用户的，当用户对其进行一些操作的时候，我们也要把这个数据传给Model,实现两边的数据的统一，这个实现就是依靠View Model中的DOM Listeners来进行监听，实现Model中的数据的改变的。

简单来说就是通过中间view Model中的两个方法（数据绑定和DOM监听）最终实现将Model中的数据传给View页面显示,然后当页面中用户进行了操作，把变化后的数据再给到Model知晓，并且改变自身数据，和页面中的保持一致。