开发者学堂课程【Vue.js 入门与实战:组件化和模块化的区别】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8173
组件化和模块化的区别
内容介绍:
一、 组件的定义
二、 组件化和模块化的不同
一、组件的定义:
组建的出现就是为了拆分 vue 实例的代码量的,能够让我们以不同的组件来划分不同的功能模块,将来我们需要什么样的功能就可以去调用对应的组件即可。
二、组件化和模块化的不同:
1.模块化:
是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一。
2.组件化:
是从 UI 界面的角度进行划分的;前端的组件化,方便 UI 组件的重用。
如 none 这一代码就是利用模块化
3. 举例:
比如说百度首页,点开之后,每一个小图标都有一个 titled,有一个关闭按钮。每一个小对象,都有相映的图标,我们只需要把唯一的一个组件把标题,把图标放进来,我们就可以渲染对应的一个小方块,这就是组件化。后面的搜索框也是一个组件,这就是我们从 UI 的角度,分成几个小部分。