React与Vue的区别

👁 2021-02-17

比较React与Vue有何相同点与不同点

在学习React与Vue之后，整理二者之间的区别

1 相同点

1.都支持组件化开发和 virtual DOM
2.都支持 props 进行父子组件间数据通信
3.都支持数据驱动视图，不直接操作真实 DOM，更新状态数据界面就自动更新
4.都支持服务器端渲染
5.都有支持 native 的方案，React 的 React Native，Vue 的 Weex

2 不同点

1.数据绑定。vue实现了数据的双向绑定,react 数据流动是单向的。
2.组件写法。react 推荐的做法是JSX，也就是把HTML和CSS全都写进JavaScript了,即’all in js’; vue使用模板语法，推荐的做法是webpack+vue-loader 的单文件组件格式,即html,css,js 写在同一个文件。
3.数据管理。react中使用state来管理组件内的数据，hooks的出现使得函数组件也具备管理state的能力。类组件中修改数据需要使用setState，setState有的时候的更新时异步的，也会将数据进行合并。（React的数据更新，不仅仅需要修改当前状态数据值，还需要驱动UI的更新使组件重新渲染，这个过程就是 this.setState 过程）; vue使用data来管理组件的数据，vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。
4.virtual DOM不一样。vue 会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树，对于React而言,每当应用的状态被改变时,全部组件都会重新渲染。
5.diff过程。