Vue 和React 的区别

1: Vue 和React 的区别
  1: Vue 是采用指令结合的方式 vue-loader 实现构建用户界面的渐进式框架, 而React 是采用jsx 的方式构建用户界面的组件化开发。

 
2:  在渲染用户界面的时候, DOM 操作是非常昂贵的, 但是没有库可以让这些原始操作变得更快。 我们就是做更好的操作, 减少DOM 操作。 和Vue 和 React 都可以使用虚DOM来实现, 并且两者工作一样好。

3:  
   3.1: 都支持服务器端渲染
   3.2：都是用虚拟DOM 来实现
   3.3: 都有VDOM 组件化开发, 通过props 参数进行父子组件数据的传递。 都实现webComoponent 规范
   3.4: 只有框架骨架,  其他的功能如: 路由, 状态管理等是框架分离的组件。
   3.5: 都是javascript 的UI 框架,  数据驱动视图, 专注于创造前端富应用。
   3.6: 都支持native 方案, React 的React native 和 Vue 的weex;
   3.7: 都有自己的状态管理工具,  React 有redux,  Vue 有自己的Vuex (自适应的vue, 量身定做)

  
在React 中, 所有的组件的渲染功能使用的都是jsx。 jsx 是使用XML 语法编写的一种语法糖。 它可以使用完整的编程语JavaScript 开构建视图页面, 工具对jsx 的支持相对比于现有可用的其他Vue 模板还是比较先进的。 在Vue 中我们采用Web 技术并在其上边扩展, 使用Template 在写模板过程中。 样式风格已经和更少的涉及业务逻辑。 一个模板总是被声明的,  模板中的任何HTML 都是有效的。 相比之下,  React 功能没有Vue 模板系统的丰富。 需要从组件的文件中分离出来HTML 代码。

在性能方面, 当我们考虑重新渲染的功能的时候。 当组件状态发生变化的时候, React 有大量检查机制, 能让他提供有用的警告和错误提示信息, 但是可能需要使用额外的属性俩避免不必要的重新渲染子组件。 虽然Vue 的重新渲染功能是开箱即用, 但是Vue 提供了优化的重新渲染, 其中系统在渲染过程跟踪依赖关系并相应的工作。 


不同点:

 1: React 严格意义上只针对MVC 的view层,  但是Vue 则是MVVM 模式。
 2：VDOM : 不一样, 只会跟踪每一组件的依赖关系,  不需要重新渲染整个组件树。
 3: 而对于React 而言, 每当应用的状态被改变时,  全部组件会被重新渲染。 所以react 中会需要shouldComponentUpdate  这个生命周期含糊方法来控制。

 4: 组建的写法不一样， React 推荐使用的做法是JSX + inline style, 也就是把HTML 和 CSS 全部写进
 javascript 里边。  就是 "all in js";
 5: Vue 推荐的做法就是webpack + vue + loader 单文件格式,  既是HTML, CSS, JS 文件写在同一个文件中。
 6: 数据绑定: Vue 实现的是数据的双向绑定。 react 数据劫持是单项数据流。
 7: state 对象在react 应用中是不可变的。 需要使用setStat 方法更新状态;
 8: 在 Vue 中State 对象不是必须的， 数据是由data　属性在vue对象中管理。