记mvvm的阶段性理解

3次阅读

共计 491 个字符,预计需要花费 2 分钟才能阅读完成。

初识 mvvm 还是在入门 vue 的时候,看见官方文档说 vue 是个响应式的 mvvm 框架,当时哪会注意这个,管他什么 vm,和我入门 vue 有毛线关系。是的,抛弃它你可以很愉快的入门,但是入门之后,必然会进入 ’ 深入浅出 ’ 的阶段,这个时候就不得不面对 mvvm 这东西了。

mvvm 解释

model-view-viewModel。数据模型与页面视图是一个页面的不可或缺的,每一刻的页面视图都对应着一个数据模型的实际状态。viewModel 则是把数据转化为视图的桥梁,这其中也是一种观察者模式。

mvvm 中的观察者模式

mvvm 的优势在于它的 vm,能自动把数据时刻的变化转换到视图的变化。而这里面就是观察者模式的应用。view 是观察者,而 model 可以看成是被观察者,因为所有数据的最终流向的都是 view 层,viewModel 正是观察者模式的一个实体,在 vue 里是经常见到这个实体的,叫 vm 实例,生成一个 vm 实例时,data 就是它的 model,el 绑定的就是 vm 中的 view,内部通过观察者模式把 view 变成 data 的观察者(调用 get 访问 data 中的数据的都是观察者)

mobx+react 中的 mvvm

未完待续

正文完
 0