vue和react框架 比较

1.生命周期

每个vue实例在被创建之前都要经过一系列的初始化过程，这个过程就是vue的生命周期。

2.框架模式

vue - 本质是 MVVM 框架，由 MVC 发展而来

React - 本质是前端组件化框架，不是一个完整的MVC框架，可以认为是MVC中的V（View）

3.相同点 不同点

1、 都支持服务器端渲染

2、 都有Virtual DOM（虚拟dom），组件化开发,都有‘props’的概念，这是properties的简写。props在组件中是一个特殊的属性，允许父组件往子组件传送数据,都实现webComponent规范

3 、数据驱动视图

4 、构建工具

React和Vue都有自己的构建工具，你可以使用它快速搭建开发环境。React可以使用Create React App (CRA)，而Vue对应的则是vue-cli。两个工具都能让你得到一个根据最佳实践设置的项目模板。都有管理状态，React有redux,Vue有自己的Vuex（自适应vue，量身定做）

二、区别

设计思想

react

1 、函数式思想，all in js ，jsx语法，js操控css

2、 单项数据流

3、 setState重新渲染

4 、每当应用的状态被改变时，全部子组件都会重新渲染。当然，这可以通过shouldComponentUpdate这个生命周期方法来进行控制，如果为true继续渲染、false不渲染，但Vue将此视为默认的优化。

vue

1 、响应式思想，也就是基于数据可变的。把html、js、css、组合到一起，也可以通过标签引擎组合到一个页面中

2、 双向绑定，每一个属性都需要建立watch监听（页面不用，涉及到组件更新的话需要）

3、 Vue宣称可以更快地计算出Virtual DOM的差异，这是由于它在渲染过程中，会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树

6. 现在

react ----大型项目

优化需要手动去做，状态可控

vue ------中小型项目

状态改变需要watch监听，数据量太大的话会卡顿

时间线再往前，Vue/React 很火，还有对应的 UI 组件库，但是，这些 JS 框架真的只有在中后台项目才能体现其优点，数据交互量大，增删改查频繁，对页面性能要求不高，对视觉要求也不高，功能至上，反正自己人用。