欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue和react的区别

程序员文章站 2022-06-24 20:38:33
...

前端当中最为常用的就是vue和react框架,那么你了解他们的区别吗

相同点
1,都支持服务器端渲染
2,都是虚拟dom组件化开发,
3,数据驱动视图
4,都有集中式状态管理工具,react有redux,vue有自己的vuex
不同点
1,react严格上只针对MVC的view层,vue是针对MVVM模式
2虚拟dom不同,vue会跟踪每一个组建的依赖关系,不需要重新渲染整个组件树,但是对于react来说,每当应用的状态被改变时,全部组件都会重新渲染,所以react中需要shouldComponentUpdate这个生命周期函数方法来控制
3,组件写法不一致,react推荐的做法是jsx+inline style,就是把html和css全写进javascript,就是样式都是全局的,但是不代表不能使用局部的,vue则是推荐webpack+vue-loader的单文件组件格式,就是js+html+css在一个文件中
4,数据绑定:vue实现了数据的双向绑定,react数据流向是单向的
5监听数据变化的实现原理不同
Vue 通过 getter/setter 以及一些函数的劫持,能精确知道数据变化,不需要特别的优化就能达到很好的性能
React 默认是通过比较引用的方式进行的,如果不优化(PureComponent/shouldComponentUpdate)可能导致大量不必要的VDOM的重新渲染