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

简介

  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应用程序;

   

-THE END-

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注