背景 

在日常开发中，我们一般都是利用一些诸如：element-ui、element-plus、ant-design等组件库去做我们的页面或者系统

这些对于一些后台管理系统来说是最好的选择，因为后台管理系统其实都是大同小异的，包括功能、布局结构等

但是对于前台项目，比如官网、门户网站这些

比如bilibili

以及王者荣耀官网

等等，我们不难发现这些前台项目(官网)等，它们的风格是不同的，那么这个时候可能一些组件库就无法满足我们的设计要求和一些炫酷的效果了，就需要我们自己去自定义一些通用的组件

那么下面我们就从自定义一个button通用组件开始吧

分析

那么要实现一个通用的 button 组件，应该怎么去设计呢？它的步骤是什么？

下面这里列出几点常用的步骤（其余的可以自行拓展）

<