组件化:
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上的开发体验,让我们的技术能力得到了拓展,增强我们的核心竞争力。