React与vue的对比

Posted 2020-12-11 wangyfax

组件化：

    1、什么是模块化：从代码的角度去分析问题，把我们编程时候的业务逻辑，分隔到不同的模块中来进行开发，这样能够方便代码的重用。

    2、什么是组件化：从UI的角度去分析问题，把每一个页面，拆分为一些互不相干的小组件，随着我们项目的开发，我们手里的组件会越来越多，最后，我们如果要实现一个页面，可能直接把现有的组件拿过来进行拼接，就能快速得到一个完整的页面，这样方便了UI元素的重用：组件是元素的集合体。

    3、vue是如何实现组件化的：vue组件末班文件，浏览器不识别这样的.vue文件，所以在运行前，会把 .vue 预先编译成真正的组件:

            - template：UI结构

            - script：业务逻辑和数据

            - syle：UI的样式

    4、React如何实现组件化：在React中实现组件化的时候，根本没有想.vie这样的模板，而是直接通过JS代码的形式去创建任何你想哟的组件；

            - React 中的组件都是直接在js文件中定义的；

            - React 的组件，并没有把一个组件拆分为三部分（结构、样式、业务逻辑），而是全部使用js来实现一个组件的。

开发团队：

    1、React是由FaceBook前端官方团队维护和更新的，因此React的维护开发团队维护的，技术实力比较雄厚。

    2、Vue：第一版，主要是由作者尤雨溪专门维护的，当Vue更新到2.x版本后，也由一个团队维护。

社区：

    1、React诞生的比较早，所以React社区比较强大，一些常见的问题、bug、最优解决方案、文档、博客在社区中都是很方便可以找到的。

    2、Vue是最近两年才诞生开源的，所以它的社区相对于React来说，是要小巧一些。

移动APP开发体验：

    1、Vue结合weex这门技术，提供了迁移到移动端App开发的体验（Weex目前只是一个小的环境，是由阿里提出的）

    2、React结合ReactNative，也提供了无缝迁移到移动APP的开发体验（最火的）

为什么要学习React：

   1、设计很优秀，是基于组件化的，方便我们UI代码的重用

    2、开发团队实力强悍，不必担心断更的情况

    3、社区强大，很多问题都可以找到对应的解决方案

    4、提供了无缝转到ReactNative上的开发体验，让我们的技术能力得到了拓展，增强我们的核心竞争力。