关于react和vue 的区别对比

1.对于数据是不是可变的,react整体是函数式的思想,吧组件设计成纯组件,状态和逻辑通过参数传入,所以在react中,是单向数据流,推崇结合immutable  来实现数据的不可变,react在setState后会重新走渲染的流程,通过shouldComponentUpdata返回true/false来决定要不要更新,PureComponent只是重写了这个钩子函数,然后在里面做了props和state的浅层对比; 而Vue的思想是响应式的,也就是基于数据可变的,通过每一个属性建立watcher来监听,属性发生变化,响应式的更新VirturlDom。总的来说,前者的性能优化需要手动去做,而后者式自动完成的,但是vue的响应式机制也有问题,就是当state特别多的时候,watcher也会特别的卡,所以大型应用一般选择react。

2.react式通过js来操作一切,思想式all in js,通过js来生成html所以就有了jsx,页可以通过js实现css,而vue是把html,css,js写入到一个文件中,它有单文件组件;

3.react是类式的组件写法,api相对vue来说,少了很多,以及需要在es6类中手动绑定一个函数,而vue式声明式的写法,通过传入options,api,和参数,所以react结合ts更容易写,vue稍稍复杂,其实vue结合vue-class-component也可以实现类式的写法,但是需要通过decorator来添加声明,并不纯粹。

4.react可以通过hoc高阶组件来扩展,而vue则是需要mixins来扩展;

更深层的对比:

5.vue只是使用object.defineProperty的set和get改变数据,然而对数组要进行独立的处理,用到的式pxory,所以到vue3用了反射和代理;

6.vue2使用flow做类型检查的时候,整个框架对ts的支持并不好;

7.vue到现在也没有fiber的调度机制,同步执行栈如果不能出栈,全部堵死在marcotask,异步任务全部阻塞在ui ;

8.vue的ssr在表现层次上并不尽如人意,比起传统的ssr渲染缓存做的依旧存在问题;

9.vue在frp 这块的生态基本并不健全 vuex模拟的flux架构 跟react hooks usereducer比起来逊色太多

总的来讲,vue追求的式开发的简单,react则是更在乎方式是否正确

 

转载于:https://my.oschina.net/u/4050621/blog/3069916

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值