★Vue和React的区别
一、(看模板和组件化的区别)
-
vue-本质是MVVM框架,由MVC发展而来。(vue的最外层是MVVM)
-
React-本质是前端组件化框架,由后端组件化发展而来。(react的最外层是组件化)
vue—使用模板,最初由angular提出。
React—使用JSX语法,JSX已经标准化 -
模板语法上,我更倾向于JSX语法
-
模板分离上,我更加倾向于vue
二、模板的区别:
vue中: 注意:ok是JS变量,但v-if里面是用双引号引起来的,不是大括号,这块容易犯错。
react中:在react中JS变量和表达式都是用大括号括起来的,这点不容易错
再看:
vue中需要学习各个指令的用法。比如v-for
而react中需要知道JS变量和表达式都需要放在大括号{}中,和上面一样,学习成本低。
但是在react中模板和JS混在一起,没有分离
模板应该和JS逻辑分离,不满足开放封闭原则。这点不太喜欢react
三、组件化的区别
- React本身就是组件化,没有组件化就不是React
- vue也支持组件化,不过是在MVVM上的扩展,最终组件化也需要符合MVVM。
所以对于组件化,我更倾向于react,做的彻底而清晰。
★Vue和React的共同点
- 都支持组件化
- 都是数据驱动视图
这两点可以看出vue和react都可以满足大多数的开发要求。
★总结
- 国内使用,首推vue。文档更易读、易学、社区够大
- 如果团队水平较高,推荐使用react(react组件化做的更彻底更清晰并且JSX语法已经标准化、社区也大)