在前端三大框架的日趋成熟的明天，React 和 Vue 的“用户口碑”曾经远远超过 Angular。在这篇文章中，我会解释：在这些框架中，我为什么会偏爱 Vue？在这进程中，我会尽力用客观的立场表达这些观念。
列表元素 | List Elements在 Web app 中，最常见的元素就是用后端给到的数组渲染出一个列表。让我们看看这在 Vue 和 React 中的不同写法。
React
Vue
如今可以比照哪一个更复杂：React 的 jsx 还是 Vue 的 template？你决议就好。
我更倾向于 Vue 的写法，它看起来更洁净一些。
组件结构 | Component Skeleton Structure如下是两者组件的不同写法。
React
Vue
关于一个组件来说，把视图层(html/css)和逻辑层(javascript)分开，会使得整个组件变得清爽易读。反观 React 的语法，乍一看是很混乱的（再次强调这只是我团体的看法）。
组件生命周期 | Component LifecyclesReact
constructor
componentWillMount
componentDidMount
componentWillUpdate
componentDidUpdate
render
关于一个新手来说，要区分这些生命周期会让人感到些许疑惑（这可不是 React 的锅），你不能说这些命名有成绩，但是从我的直观感受来说：确实不够精练。
Vue
created
beforeMount
mounted
beforeUpdate
updated
繁复且深刻易懂。
事情绑定 | Event Handling在任何一个框架中，事情绑定都是一个高频的操作，所以它的写法应该尽能够的复杂和直接。如今来看看 React 和 Vue 中事情绑定的不同写法。
React
Vue
比照之下，Vue 为事情绑定提供了十分简便的写法，但在 React 中，开发者需求在定义好函数之后再在 constructor 中绑定好 this 的指向，这关于一个复杂的 click 事情来说显得有些不方便（假设用箭头函数定义的话，倒是不用这么费事）。
计算属性 | Computed Properties值得一提的是，Vue 为开发者提供了一个很便捷的属性：computed（是的，React 并没有）。
假定我们有一个叫作 rmb 的属性，但是我们需求把它转换成 dollar 之后渲染在页面上。应用 computed 属性可以很方便的处置这个成绩：
总之依我看来，在运用设计/开发体验/学习成本这三个角度，Vue 简直是以压倒性的优势胜过了现如今的其他各种前端框架。
【编辑引荐】
终于有人把Elasticsearch原理讲透了_技术栈微信半月刊第39期
(责任编辑：admin)