二.数据输入（富文本）

前言 --> 富文本组件特点

了解常见组件的开发思路，项目中有很多二次封装的组件，大体设计思路上都是想通的，当遇到组件相关的问题时，可以直接查看相关组件的源码，从而快速定位问题。

1.目录结构

├── src                        # 前端资源目录
│   ├── images                 # 图片目录
│   ├── components             # 公共组件目录
│   ├── pages                  # 页面目录
│   └── store                  # 状态管理 store 目录

2.组件封装

3.使用案例

<template>
    <vue-button>按钮</vue-button>
</template>

总结

通过对前端组件的分析，需要重点关注组件中易变性对组件封装的影响，它会对组件的可复用性、可扩展性产生很大影响