react 到底符合mvvm模式吗
文章目录
什么是mvvm模式
m => model 模型 ,也就是数据
v => view 视图, 也就是页面dom
vm => view and model ,这可以理解成我们常说的 双向绑定, 视图可以影响数据(v -> m) ,数据也可以影响视图 (m -> v)
所以我们可以很明显的看到mvvm的特性 数据双向绑定
react 是什么
react 本身只是一个函数,
ui = render(data)
一个 dom 拼接工具，把数据拼成新 dom 替换旧 dom .
这样看来 react 只有视图,连状态都不存在,更不会有双向数据绑定.
react 结合状态管理实现mv模式
从上面我们知道 react 并不是数据双向绑定:
但是搭配各种插件全家桶,它就会变成其他的架构模式.
react + 状态管理插件
状态驱动视图.
State --> View --> New State --> New View
react 结合状态管理和react-router实现 mvc 模式
上面我们已经通过 react + 状态管理实现了简单的 mv 模式架构.
如何实现一个 mvc 模式呢?
控制视图的跳转由路由实现，前端的路由控制通过 react-router来实现, 这恰好是Controler的一种解决方案.
这样通过搭配各种插件,我们实现了 mvc 模式.