模块化与组件化

Posted edczjw-edison

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了模块化与组件化相关的知识,希望对你有一定的参考价值。

模块化:从代码的角度分析;把一些复用的代码,抽离为单个的模块,便于项目的维护和开发。

组件化:从UI界面的角度进行分析,把一些可复用的UI元素抽离为单独的组件;

组件化的好处:随着项目的增大,手里的组件越来越多;很方便就能把现有的组件拼接为一个完整的页面。

 

 

vue 如何实现组件化:通过.vue文件创建对应的组件;

  + template结构;

  + script 行为;

  + style 样式

 

 

react 如何实现组件化:react有组件化的概念,但是,它没有像vue这样的组件模板文件,react中一切都是以js来表现的;因此学习react,js要合格。ES6ES7(async和await)要会用;

 

以上是关于模块化与组件化的主要内容,如果未能解决你的问题,请参考以下文章

我所知道的前端组件化与模块化

iOS 灵活的 模块化/组件化 工具与规范 Lotusoot 解说

Vue组件基础(组件的嵌套VueComponent)

Vue组件基础(组件的嵌套VueComponent)

Vue组件基础(组件的嵌套VueComponent)

面试指南」JS 模块化组件化工程化相关的 15 道面试题