今天看啥  ›  专栏  ›  前端大全

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

前端大全  · 公众号  · 前端  · 2024-10-10 11:50
    

文章预览

作者: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 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览