个人愚见： React 和 Vue 区别

Pluser 发布于2019-08-23 14:21 / 2422人阅读

摘要：一相似之处它们都是前端优秀的库使用快速渲染提供了响应式和组件化的视图组件。都支持服务端渲染将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。

一. 相似之处

它们都是前端优秀的UI库

使用 Virtual DOM快速渲染

提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。

都支持服务端渲染

将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。

二. 不同之处

性能方面

React 组件的状态有变化时，它会以该组件为根，重新渲染整个组件子树，需要使用PureComponent，或是实现shouldComponentUpdate（15）、getDerivedStateFromProps（16）方法进行优化

Vue 使得开发者不再需要考虑此类优化，从而能够更好地专注于应用本身。

数据的可变性

React 它是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变。在setState之后会重新走渲染的流程，如果shouldComponentUpdate（15）返回的是true或getDerivedStateFromProps（16）返回的不是null，就继续渲染，如果返回了false，就不会重新渲染，PureComponent就是重写了shouldComponentUpdate，然后在里面作了props和state的浅层对比

Vue 它是响应式的思想，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听，当属性变化的时候，响应式的更新对应的虚拟dom

渲染方式

React 他的思路是all in js，通过js来生成html，设计了jsx，通过js来操作css

Vue 提供了渲染函数，同时也支持JSX，默认推荐的还是模板，任何合乎规范的 HTML 都是合法的Vue模板

声明方式

React 是类式的写法，api较少

Vue 是声明式的写法，通过传入各种options，api和参数较多

扩展功能方式

React 通过高阶组件来扩展

Vue 通过Mixins来扩展

云服务器 GPU云服务器个人备案和企业备案的区别个人认证和企业认证的区别阿里云服务器个人和企业区别个人小程序和公司小程序的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100469.html

个人愚见：Redux 和 Mobx 区别

摘要：一关于状态管理它们都有统一维护管理应用状态的能力某一状态只有一个可信数据来源通常命名为，指状态容器操作更新状态方式统一，并且可控通常以方式提供更新状态的途径支持将与组件连接，如，通常使用状态管理库后，我们将组件从业务上划分为两类容器组件一. 关于状态管理它们都有统一维护管理应用状态的能力；某一状态只有一个可信数据来源（通常命名为store，指状态容器）；操作更新状态方式统一，并...

dcr309duan 2019-08-23 14:21 评论0 收藏0
Vue2.x 的笔记：第一次的感受 Vue 开篇

摘要：在互联网高速发现的今天，可以说每天都在变化着一不留神你就会错过一个亿，所以你不得不时刻的保持着高度的专注。如今为代表的三个框架已然成为了主流成为统治者，呈现了三分天下的局面。有人说如今是框架的时代，只要会一个框架就能开始干活了。在互联网高速发现的今天，可以说每天都在变化着一不留神你就会错过一个亿，所以你不得不时刻的保持着高度的专注。互联网的信息是多元的，大量的，在海量的信息中很容易...

Lowky 2019-08-26 12:19 评论0 收藏0
Web和Android中的Reactive

摘要：中的常见写法先看下这段代码。声明式编程，就是告诉机器你想要的是什么，让机器想出如何去做。最独特的特性之一，是其非侵入性的响应式系统。的缩写将遍历此对象所有的属性。这一过程被称为依赖收集。组件的显示，数据的体现大部分都是由承载，传递。目录缘起 Android开发中的常见写法 JQuery中的常见写法命令式编程声明式编程 React中的常见写法 Vue的常见写法你肯定熟悉响应...

liangzai_cool 2019-08-26 10:27 评论0 收藏0
前端工程师面试必备（持续更新中）

摘要：最近的一次更新的变量有效，并且会作用于全部的引用的处理方式和相同，变量值输出时根据之前最近的一次定义计算，每次引用最近的定义有效嵌套三种预编译器的选择器嵌套在使用上来说没有任何区别，甚至连引用父级选择器的标记也相同。面试汇总一：2018大厂高级前端面试题汇总高级面试：【半月刊】前端高频面试题及答案汇总 css内容响应式布局当前主流的三种预编译器比较 CSS预处理器用一种专门的...

jubincn 2019-05-22 14:42 评论0 收藏0