react不是mvvm框架的原因是什么

这篇“react不是mvvm框架的原因是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“react不是mvvm框架的原因是什么”文章吧。

因为react是单向数据绑定的，而mvvm最显著的特征就是数据双向绑定；mvvm框架是要有一个vm对象，来映射view，而react没有纯粹意义上的vm对象，有的是属性和状态，所以react不是mvvm框架。

本教程操作环境：Windows10系统、react17.0.1版、Dell G3电脑。

为什么react不是mvvm框架

mvvm

首先搞明白mvvm是啥意思。vm是view mode的意思。

所以mvvm框架是要有一个vm对象，来映射view。

也就是vm对象的属性发生改变的时候，对应的视图部分会相对应更新。比较经典的有knockoutjs，里面比较关键的概念就是view model，compute，view模板等。对的，vue中其实是有不少它的影子。

react

然后来看看react，它没有纯粹意义上的vm对象，它有的是属性和状态。

用属性和状态去映射视图。那么属性和状态和vm有什么区别呢？个人认为，vm对象不管你值是从外部传进来的还是自己内部定义的，最后都一视同仁。很多情况还有双向绑定的机制，可能早期的flex，让人感到惊艳吧，后面的mvvm框架都有双向绑定的概念。而react，强调的是属性不可变性，单向数据流。内部的状态内部自己控制。

这样的设计可能从设计上更复杂一些，但是从使用上变得更确定，更清晰了。如果react用的比较熟，给合适的组件管理合适的状态，做好状态的合理分层，会大大降低应用复杂度。然后，redux有个很先进的概念叫容器组件和纯展示组件，如果领悟了这个设计思路的话，把复杂的东西集中到少部分组件中，大部分组件就变成纯展示组件，进一步降低应用复杂性。

MVVM一个最显著的特征：双向绑定。

React没有这个，它是单向数据绑定的。

React是一个单向数据流的库，状态驱动视图。

State --> View --> New State --> New View

以上就是关于“react不是mvvm框架的原因是什么”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。