react和vue对比简书？

vue和react哪个更好用，为什么？

Vue和React都是属于目前比较主流的前端框架，实际开发中也经常会拿Vue和React来比较。但是我们通常会根据各自优势来选择项目比较适合的框架。

React优点：

1.声明式设计?React采用声明范式，可以轻松描述应用。

2.高效?React通过对DOM的模拟，最大限度地减少与DOM的交互。

3.灵活?React可以与已知的库或框架很好地配合。

4.JSX?JSX是JavaScript语法的扩展。React开发不一定使用JSX，但我们建议使用它。

5.组件?通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。

6.单向响应的数据流?React实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

Vue优点：

1．简单易学，容易上手，Vue是国内团队开发，文档手册比较齐全，很适合前端新手小白学习。

2.更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。

3.性能优势，更小的尺寸：它占用更少的空间，并且往往比其他框架提供更好的性能。

精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外的知识;HTML和JavaScript将完成工作。

4.运行速度快，相对于React来说，性能着一方面Vue占有绝大优势。

根据不同框架优点，我们在实际项目开发选型中一般中小型项目我们会选择使用Vue，大型项目会选择React。

vue比较好。

VUE是?iOS?和?Android?平台上的一款Vlog社区与编辑工具，允许用户通过简单的操作实现Vlog的拍摄、剪辑、细调、和发布，记录与分享生活。还可以在社区直接浏览他人发布的Vlog，与Vloggers互动。

随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的操作，帮助用户在手机上拍摄精美的短视频。

主要功能：

分镜头：通过点按改变视频的分镜数实现简易的剪辑效果，而剪辑能够让视频传达更多的信息。

实时滤镜：由电影调色专家调制的12款滤镜供选择，切换至前置摄像头会出现自然的自拍美颜功能。

贴纸：支持40款手绘贴纸，还可以编辑贴纸的出现时间。

自由画幅设置：支持1:1、16:9、2.39:1三种画幅的视频拍摄。

两者本质的区别：模板和组件化的区别

Vue本质是MVVM框架，由MVC发展而来；

React是前端组件化框架，由后端组件化发展而来；

Vue使用模板

React使用JSX

React本身就是组件化

Vue是在MVVM上扩展的

共同点：

都支持组件化，都是数据驱动视图

监听数据变化的实现原理不同：

数据流的不同:

高阶组件本质就是高阶函数，React的组件是一个纯粹的函数，所以高阶函数对React来说非常简单。

Vue中组件是一个被包装的函数，并不简单的就是我们定义组件的时候传入的对象或者函数。

组件通信的区别：

渲染模版的不同：

Vuex和Redux的区别:

diff算法不同:

事件机制不同:

数据是否可变：

react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true，就继续渲染，如果返回了false，就不会重新渲染

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

vue:

react:

react的性能优化需要手动去做，而vue的性能优化是自动的，但是vue的响应式机制也有问题，就是当state特别多的时候，Watcher也会很多，会导致卡顿，所以大型应用（状态特别多的）一般用react，更加可控

通过js来操作一切，还是用各自的处理方式:

react的思路是allinjs，通过js来生成html，所以设计了jsx，还有通过js来操作css

vue是把html，css，js组合到一起，用各自的处理方式，vue有单文件组件，可以把html、css、js写到一个文件中，html提供了模板引擎来处理。

类式的组件写法，还是声明式的写法:

react是类式的写法，api很少

vue是声明式的写法，通过传入各种options，api和参数都很多。所以react结合typescript更容易一起写，vue稍微复杂。vue3支持class类式的写法了

react整体的思路就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合redux-form，而vue是基于可变数据的，支持双向绑定。react组件的扩展一般是通过高阶组件，而vue组件会使用mixin。vue内置了很多功能，而react做的很少，很多都是由社区来完成的，vue追求的是开发的简单，而react更在乎方式是否正确。

1.创建者等

react是Facebook公司创建的js框架，并创新了新的语法，JSX（htmlinjavascript），而vue相对来说更容易学习，且使用模板系统，Reat与Vue只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件。

2.关于虚拟dom

改变真实的DOM状态远比改变一个JavaScript对象的花销要大得多。·

VirtualDOM是一个映射真实DOM的JavaScript对象，如果需要改变任何元素的状态，那么是先在VirtualDOM上进行改变，而不是直接改变真实的DOM。当有变化产生时，一个新的VirtualDOM对象会被创建并计算新旧VirtualDOM之间的差别。之后这些差别会应用在真实的DOM上。

vue：渲染过程中是跟踪每一个组件的依赖，即更改了哪个组件渲染哪个。

react：会重新渲染全部子组件。

react和vue都是做组件化的，整体的功能都类似，但是他们的设计思路是有很多不同的。使用react和vue，主要是理解他们的设计思路的不同。

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

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

总之，react的性能优化需要手动去做，而vue的性能优化是自动的，但是vue的响应式机制也有问题，就是当state特别多的时候，Watcher也会很多，会导致卡顿，所以大型应用（状态特别多的）一般用react，更加可控。

react的思路是allinjs，通过js来生成html，所以设计了jsx，还有通过js来操作css，社区的styled-component、jss等，

vue是把html，css，js组合到一起，用各自的处理方式，vue有单文件组件，可以把html、css、js写到一个文件中，html提供了模板引擎来处理。

react是类式的写法，api很少，

而vue是声明式的写法，通过传入各种options，api和参数都很多。所以react结合typescript更容易一起写，vue稍微复杂。

react可以通过高阶组件（HigherOrderComponents--HOC）来扩展，而vue需要通过mixins来扩展

一个react高阶组件的例子：

react做的事情很少，很多都交给社区去做，vue很多东西都是内置的，写起来确实方便一些，

比如redux的combineReducer就对应vuex的modules，

比如reselect就对应vuex的getter和vue组件的computed，

vuex的mutation是直接改变的原始数据，而redux的reducer是返回一个全新的state，所以redux结合immutable来优化性能，vue不需要。

上面主要梳理了react和vue的4点不同：

（其中第3点在vue3.0支持类式写法之后就可以去掉了）

react整体的思路就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合redux-form，而vue是基于可变数据的，支持双向绑定。react组件的扩展一般是通过高阶组件，而vue组件会使用mixin。vue内置了很多功能，而react做的很少，很多都是由社区来完成的，vue追求的是开发的简单，而react更在乎方式是否正确。