Vue和React的区别，以及如何选择？

Posted 2020-11-23 menggirl23

简介

　　React：React是一个用于创建可重用且有吸引力的UI组件的库。它非常适合代表经常变化的数据的组件。

　　Vue：Vue.js是一个开源javascript框架，能够开发单页面应用程序。它还可以用作Web应用程序框架，旨在简化Web开发。

共同点

　　1：都是为了一起与核心库使用而构建的，并将其他功能如路由和全局状态管理交给相关库；

　　2：两者都是基于Virtual DOM模型，

　　3：提供了以响应式和组件化的视图组件。

区别

    ♥ 组成结构

　　   React.js是使用虚拟DOM（基于文档对象模型），有丰富的JavaScript库，具有灵活的结构和可扩展性。

          Vue.js包含基于html的标准模板，可以更轻松地使用和修改现有应用程序，可以更顺畅的集成（组件），有更好的性能和更小的体积；

　 ♥ 渲染方式

　   当组件发生变化时，React会触发整个组件树的重新渲染，需要使用额外的属性阻止不相关的子组件的渲染。

　　   在Vue的应用中，组件的依赖是在渲染过程中自动追踪的，所以系统能准确的知道哪个组件确实需要重新渲染。

     ♥ JSX与HTML

　　 React使用JSX-一种声明式JavaScript  XML，允许开发人员利用JavaScript的强大功能编写组件。

         Vue使用HTML模板创建视图。

　♥ 路由和状态管理

　　React使用Flux / Redux，它代表单向数据流。

        Vue使用Vuex，是专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

   ♥ 跨平台应用程序开发

　　React的React Native是一个成熟且广泛使用的本机渲染应用程序平台。

        Vue框架被广泛应用于weex页面开发，致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验，来构建 android、ios 和 Web 应用。

  总结

　　React：需要构建移动应用程序；专业和出色的社区支持；需要构建大型应用程序；轻量级，易于版本迁移。

        Vue：有最新的文档和最简单的语法；更小，更快，更灵活；丰富的HTML模板，易于开发；组件的可重用性；需要构建有吸引力的单页面应用程序和Web应用程序；