初始化项目 项目准备：node >=19、pnpm >=8 项目搭建 介绍：初始化UI组件库是为了更好的管理文件模块的目录结构，区分不同文件模块的功能。 UI组件库将使用pnpm+workspace来

引言 最近做后台管理时，由于表单项过多、部分表单项需要考虑联动、同时表单数据需要回显；导致From整体结构比较臃肿，存在大量重复的Form.Item。老大在cr时恨不得给我一拳，于是让我尝试封装For

本文实践了Vue3组件二次封装的三个实用技巧:实现双向数据绑定、向子组件传递插槽、获取子组件ref。通过实际代码示例,展示了使用defineModel、h函数和Proxy等新特性来简化和优化组件封装过

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

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

前言 相信用到过Element Plus 的同学一定会基于自己公司的需求对组件进行二次封装，在这里给大家分享一下我经常使用的封装的一些小技巧，首先封装可能是出于下面三个目的： 仅仅是为了方便还原设计稿

在 Element UI 中，el-upload 组件提供了上传文件的功能。如果你希望上传的图片列表和上传控件并列在同一行，可以使用一些 CSS 技巧来实现这个布局。具体来说，可以利用 flexbox

在开发 Vue 项目中我们一般使用第三方 UI 组件库进行开发，但是这些组件库提供的组件并不一定满足我们的需求，这时我们可以通过对组件库的组件进行二次封装。

有时候在表格中需要直接点击一个按钮预览图片，`element-plus`中的图片组件就不方便使用了，所以做了一个简单的封装。