前几天,我们曾和大家探讨了React、Angular、Vue.js三大框架的优缺点。在留言中,许多朋友提到Vue在国内的市场应用广泛,最近Vue 3.0 Pre-Alpha的发布也让它成为前端圈关注的焦点。而React则易于学习,有网友评论,不关注框架本身提供的API,更容易让开发者形成靠谱的代码风格。理论上的梳理或许还不够直观,今天的文章作者就进行了这样一场实验,他也在好奇,如果用React和Vue构建同样一款应用,开发过程与效果会是怎样的?
我在工作中使用Vue有一段时间了,对它的了解也相当深刻,但我很想知道围墙另一边的草是什么样的——这里所说的草指的就是React。
我阅读了很多React文档并观看了一些教学视频,它们的确很棒,但我真正想知道的是React与Vue有何不同。我所说的“不同”并不是它们是否都有虚拟DOM,或者它们是怎样渲染页面之类的问题。我希望的是有人从代码层面给出解释。我希望能有一篇文章涵盖这样的内容,帮助那些对Vue或React(乃至整个Web开发工作)都不熟悉的人更好地理解两者之间的区别。
可惜我找不到现成的答案。因此我意识到我得自己动手解决这个问题才能看清楚两者之间的异同。于是我记录下了整个对比过程,终于完成了这样一篇文章,填补了这方面的空白。