前言 表单在web应用中是使用频率最高的组件之一，好用，可复用的表单，可以提升实际工作的效率，我们使用Vue3+Vite+TS基于Element plus 二次封装表单组件，注册挂载为全局使用。封装好

前言 直至今天，看了一下别人写的代码，才发现以前自己写的代码太垃圾，所以在这次做的一个后台项目中，采用他的代码风格，怎么说呢，复用性特别好，封装的很好，学到很多，所以记录一下思路，我认为这个封装思路是

ElementPlus 是一个优秀的组件库，后台管理表格页面多的话大家都想到表格的二次封装，封装的时候大家都想到`el-table-column` 每一列写成 "`JSON` 数组" 写法。然后用vu

平时在使用el-tabl的时候，经常要写el-table又要写el-table-column，有分页的时候还要加上el-pagination，实在是挺烦的，影响开发效率，可以封装自己的table组件

前言 📖 在公司经常接触到后台管理系统的开发，基本上 90% 以上都是 table 页面，业务逻辑也基本上一样。刚开始也想的是找一个基于 element 二次封装的 el-table

你是否把el-table的插槽写法，封装成“通过JSON”来配置的方式了？它们真的确实必要，并且确实更好用吗？

开发后台管理系统，在业务上接触的最多就是表单（输入）和表格（输出）了。对于使用 Vue 框架进行开发的同学来说，组件库 Element 是肯定会接触的，而其中的 el-table 和 el-form

前言 📖 一、在线预览 👀 Link：https://admin.spicyboy.cn 二、Git 仓库地址 (欢迎 Star⭐⭐⭐) Gitee：https://gitee.com/laramie