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则是更在乎方式是否正确