面试官：谈谈Vue和React的区别？

在我之前写的 localStorage与Vuex的区别 这篇文章中讲过关于这个类型的题目，其中分析过描述区别，就是求同存异的过程。那接下来我用同样的思路来解这道题目。

首先找到 Vue 和 React 的共性，它们被用于解决什么问题， 然后再挖掘各自独特的个性、设计原理以及未来的趋势等。

vue和react区别

共同点

Vue和React存在着很多的共同点：

• 数据驱动视图

• 组件化

• 都使用 Virtual DOM

1. 数据驱动视图

在jquery时代，我们需要频繁的操作DOM来实现页面效果与交互；而Vue和React 解决了这一痛点，采用数据驱动视图方式，隐藏操作DOM的频繁操作。所以我们在开发时，只需要关注数据变化即可，但是二者实现方式不尽相同。

2. 组件化

React与Vue都遵循组件化思想，它们把注意力放在UI层，将页面分成一些细块，这些块就是组件，组件之间的组合嵌套就形成最后的网页界面。

所以在开发时都有相同的套路，比如都有父子组件传递， 都有数据状态管理、前端路由、插槽等。

3. Virtual DOM

Vue与React都使用了 Virtual DOM + Diff算法， 不管是Vue的Template模板+options api 写法， 还是React的Class或者Function写法,最后都是生成render函数，而render