可复用的Vue实例

    组件化的理解：（原则：高内聚、低耦合）
    定义：组件是 可复用的Vue实例，准确讲他们是vuecomponent的实例，继承自Vue
    优点：增加的代码的复用性、可维护性和可测试性
    使用场景：

    • 通用组件：实现最基本的功能，具有通用性、复用性。例如按钮组件、输入框组件、布局组件
    • 业务组件：它们完成具体业务，具有一定复用性，例如登陆组件、轮播图
    • 页面组件：组件应用各部分独立内容，需要时在不同页面组件间切换，例如列表页、详情页组件

    如何使用：

    • 定义：Vue.component()，components选项、sfc
    • 分类：有状态组件，functional，abstract
    • 通信：props、$emit/$on、provide/inject、$cheilden/$parent/$root/$attrs/$liteners
    • 内容分发：、、v-slot、
    • 使用及优点：is、keep-alive、异步组件

    组件的本质：产生虚拟DOM
    经历过程
    组件配置 =》VueComponent 实例 =〉render =>Virtual DOM => DOM