vue和react哪个兼容性高_CSS学习

资料来源：网络整理时间：2023/3/4 4:29:31 共计：3605 浏览

vue和react哪个兼容性高？

1.模板引擎：vue的视图模板采用类html的写法加上自己的指令与自定义属性组成，在多数情况下是要比react的jsX写法开发效率高和清晰的。但是在复杂场景下，类html的写法有时候很比较麻烦或者难以胜任，这个时候就凸显出jsX的语言表现力的丰富了。不过vue目前也支持jsx的写法。

2.样式：vue的样式和模板可以写在同一个文件里，而react的主流做法还是要单写一个样式文件，虽然区别不大，但还是更喜欢能少写几个文件的感觉。另外vue的class有多种写法，sting/object/array都可以还能自动merge，体验很好。而react本身不行，需要借助类似classname的库来实现。

3.数据响应逻辑：vue使用代理/拦截的方式使得我们直接修改data就可以了，而react需要使用setState api来实现。另外由于vue的实现方式，所以vue知道我们修改了哪些东西，并且还有watch/computed等钩子公开发人员使用，而反观react就比较不人性化了，需要我们自己在业务逻辑层diff才知道。

4.配套设施：这里指的就是常用的配套库（全家桶），vue基本上是官方给了我们一个最佳实践，直接按照官方推荐的全家桶来构建我们的应用就够了，而react就比较开发，对于社区依赖更多，所以相关的配套设施需要我们自己去找去接，社区大神们的思想各不相同，所以比vue要费心。比如我要用redux还需要引个react-redux，而且居然还不支持异步，我还得引个redux-thunk，可能我还得跟redux-saga对比下，较真一点的可能还不敢人云亦云，还要亲自看看源码才行，另外明知道我是个选择困难症患者还要有个mobx来捣乱。可能当我找到自认为是最佳实践的方案的时候，项目已经黄了或者社区又出了新的方案（哭晕在厕所 =。=...）

5.性能：在vue1.0时代，vue的性能的确是比react要弱的，但进入2.0时代，vue果断借鉴了一大波react在性能方面的优化经验（这里不论这种做法怎么样啊），反正瞬间就把性能基本给拉平了。再加上react性能需要非常有经验，非常注意你自己代码的写法才能发挥的出来，比如你要配合reselect库或者对purecomponent/shouldupdate等很了解。否则你写出来的应用的性能必定是奇慢的，而vue你其实不必关注那么多，这得益于他的数据响应的内部实现。在绝大多数情况下你不需要怎么关注你的写法是否导致了很多多余的计算和渲染开销。

6.使用人群：这点是vue的说大不大说小不小的命门，vue在国外是没有react知名的，所以在国外react是一枝独秀，导致你学习vue可能无法跟世界接轨。另外一个就是不知道曾几何时，面试官有意无意的会透露出如果你只会vue，那你一定是个初学者是个low逼....一方面原因的确vue的上手难度要比react小很多，刚才也说了很多vue不需要关心这关心那，所以新手学习vue的更多。但我其实很不能理解这点！！为什么学习vue就要比学习react低人一等。为啥新手学的多的东西就不能是好东西，非的是晦涩难懂，很难掌握的东西才能凸显出你的与众不同和不凡么？我觉得这个价值观是非常的扭曲的。在我看来不说设计思想，就单说vue的实现方式我认为是要比react高级和先进的。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：transform代表什么属性_CSS学习 | ·下一条：ui设计的发展方向有哪些_CSS学习