Vue组件化核心是「组件系统」，利用ESModule的模块来完成Vue的组件系统的构建。

    :::info 什么是组件化？
    组件化就是把模块抽象为一个小型的、独立、可预先定义的、可配置、可复用的组件。 :::

    • 小型：把页面的构成拆分为一个一个的小单元
    • 独立：每个组件逻辑独立开发，组件之间分工不同
    • 预先定义：每个小单元都可以预先定义好， 需要的时候进行导入使用
    • 配置：小单元可以接收一些在使用的时候需要的一些配置
    • 可复用：小单元可以在多个地方被引入使用

    但是组件化要适当的考量，这是因为组件最大的作用就是独立开发，预先配置，这是为了后期更好维护和拓展！
    有一些组件确实是不需要复用的，例如页面中的侧边栏，组件的配置性越高，那么功能性就越强。 :::info 组件应尽量提纯，降低对外部的依赖性！ :::

    组件基础文档：
    组件基础 | Vue.js