基于Vue3的组件封装技巧分享

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 本文在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         ………………………………