文章预览
作者:MingLin https://juejin.cn/post/7278238875457552442 本文在Vue3的基础上针对一些常见UI组件库组件进行二次封装,旨在追求更好的个性化,更灵活的拓展,提供一些个人的思路见解,如有不妥之处,敬请指出。核心知识点 $attrs , $slots 1、需求说明 需求背景 :日常开发中,我们经常会使用一些UI组件库 诸如and design vue、element plus等 辅助开发,提升效率。有时我们需要进行个性化封装,以满足在项目中大量使用的需求。 错误示范 :基于 a-modal 封装一个自定义Modal组件: 修改modal样式,按钮样式、每次关闭后销毁、渲染到指定元素上等等 ,后续项目的弹窗全部基于该自定义组件。 < div ref = "myModal" class = "custom-modal" > div > < a-modal v-model:visible = "visible" centered destroyOnClose :getContainer = "() => $refs.m
………………………………