随着三大前端框架的成熟,React和Vue的“用户口碑”已经远超Angular。在这篇文章中,我将解释:为什么在这些框架中我更喜欢Vue?在这个过程中,我会尽量从客观的角度来阐述这些观点。列表元素|列表元素在Webapp中,最常见的元素是使用后端给定的数组来渲染一个列表。让我们看看这在Vue和React中有何不同的写法。ReactVue现在可以比较哪个更简单:React的jsx还是Vue的模板?你决定。我更喜欢Vue的写法,看起来更干净。组件结构|组件骨架结构以下是两种组件的不同写法。对于一个组件,ReactVue将视图层(html/css)与逻辑层(javascript)分离,使得整个组件简洁易读。另一方面,React的语法乍一看可能会令人困惑(同样,这只是我的看法)。组件生命周期|ComponentLifecyclesReactconstructorcomponentWillMountcomponentDidMountcomponentWillUpdatecomponentDidUpdaterender对于新手来说,区分这些生命周期有点混乱(这不是React的错),你不能说这些名字有问题,但是从我的直觉上来说:它确实不够简洁。vuecreatedbeforeMountmountedbeforeUpdateupdate简洁易懂。事件绑定|事件处理在任何框架中,事件绑定都是高频操作,因此其写法应尽可能简单直接。现在让我们看看在React和Vue中编写事件绑定的不同方式。对比ReactVue,Vue提供了一种非常简单的事件绑定的写法,但是在React中,开发者需要在定义函数后在构造函数中绑定this的指针,这对于一个简单的点击事件来说似乎有点不方便(如果你用箭头函数定义它,你不必那么麻烦)。计算属性|ComputedProperties值得一提的是,Vue为开发者提供了一个非常方便的属性:computed(是的,React没有)。假设我们有一个名为rmb的属性,但我们需要将其转换为并将其呈现在页面上。使用计算属性可以轻松解决这个问题:简而言之,在我看来,从设计/开发经验/学习成本三个角度来看,Vue几乎是压倒性地优于当今其他各种前端框架。
