简介 由于业务需要，本人需要开发一个基于element-plus的表单组件集成的搜索组件（效果如下图），效果为通过对组件以JSON Schema的方式传入配置项的json达到动态渲染的效果。本文主要记

前言 使用Vue3+Vite+TS基于Element plus 二次封装业务组件，注册挂载为全局使用，代码简洁了许多。封装好我们的业务组件今后开发中遇到时，就可以直接使用啦！ 一、初始化vite项目

因为前段时间用过React来写过项目(用了antd)，感觉棒棒的。 其他特性等，具体可以看下面的思维导图. 具体业务的封装中还要复杂的多，还结合了一些自定义封装组件，展示出来代码篇幅太长。 实现出来的代码量贼多，因为每细化多一层组件，复杂度就越高。各种互相回调来实现。 要实现一…

随着对前端功能和性能的不断提高，前端早就不是一段内嵌于页面的一段JS代码了。已经进化为一个系统复杂的工程了。 下面我就结合element3组件库的搭建经验。带大家搭建一个mini版组件库。 前端工程化大体可以分为四个方面内容。 一个文件分拆为多个互相依赖的文件，最后进行统一打包…

通过手写实现了一个 Vue3 组件是如何从诞生到渲染到页面上的整个过程，再深入理解 Vue3 全局组件和局部组件的实现原理及插件的实现原理，从而理解 Vue3 组件库的设计和实现原理。

二次封装，是指因为业务上的需要，对element-ui、antd、e-chart等其他组件库，做二次封装。以下是常见的二次封装场景： 1.封装UI样式 说个我做项目遇到的情况.....