前言:
vue与react同是两个前端框架,也是目前最热门的两个;之前一直用vue开发,react用的十分少,现在由于公司是用react框架的,所以要从vue转变过来。其实从vue到react是没有什么难度的,只要熟悉它的生命周期和api,下面我来对比一下两个框架的不同点。
1.模版语法
react默认是jsx语法,代码都在类里面,看起来更加简约,会看到很多index.jsx文件。
vue用比较通用的js语法。
2.生命周期:
vue文档中一张很清晰的图用来介绍参考
react文档中没有,所以只能到网上找了参考
3.虚拟dom
两者都是用了虚拟dom的模式,但是他们用的算法和用法是不同的。vue可以通过v-model来进行双向数据绑定,改变数据的状态方便,像jquery可以任意修改dom一样;但是react可没有现成的双向数据绑定,而且它是通过state来统一管理数据的,所以需要用this.setState()来更改数据,特别要注意数组和对象的修改。
4.统一状态管理
vue用vuex
react用rematch
5.两者都支持ssr
总结:
其实有了vue的思想,然后使用react上手是很快的,所以很多时候我们不必要纠结你会vue还是react,只要我们深入了解其中一种和有扎实的JavaScript功底就够了;毕竟现实的项目中除了前端框架还有很大一部分代码是用了原生的javascript来实现的。