首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端组件库封装
订阅
用户7700362205757
更多收藏集
微信扫码分享
微信
新浪微博
QQ
25篇文章 · 0订阅
前端工程化(一)从零开始搭建组件库
本文主要讲在搭建一个组件库过程中,从包工头对组件库进行项目管理,在脚手架对组件库进行项目构建,最后工具对项目规范的约束。同时也是作者对开发组件项目库中遇到的一些问题进行总结和常用工具的分享。 盖大楼之前,我们先把地基打好,先构建好我们的项目工程。 对于一款组件库,我们把每个组件…
vue3单文件组件编译过程
最近产品给我提了一个非常好玩(e xin)的需求:用户输入单文件组件(sfc)的代码就能显示对应的界面。具体可以参考vue playground。 提出问题 作为一个成熟的前端,要善于挖掘产品的隐含意
怎么让自己的 vue 组件库可以在线编辑?
如果想让自己的组件库可以做到在线编辑的效果,要怎么实现呢?文档库建设踩坑实记录 - 掘金 文章中记录了使用 vuepress 和 vitepress 文档库搭建的原理和存在的问题。本文讨论的是不使用
vue3击鼓传花式实现插槽透传,后使用渲染函数改进
前言 父子组件之间的通信,父组件可通过props向子组件传递数据,也支持通过插槽内容向子组件传入自定义模板内容。 插槽包含两部分内容:(1)插槽内容,由父组件定义;(2)插槽出口,由子组件通过 标签实
Vue3: 二次封装Tdesign中的FileUpload组件-hook(更为易用!)
TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。 当我们使用Tdesign中的FileUpload组件时,我们可能希望对其进行二次封装,以满足特定的需求或增加额外的
vue3继承并扩展三方组件完成二次封装
继承emits和props 这样就能完整的继承组件的props和emits了 在另一个文件中检查一下类型是否正确 很完美 扩展emits和props呢 我们利用assign方法来进行扩展 举个例子,为
Vite + TypeScript 搭建 Vue3 组件库
为了解决企业内部业务组件的复用,使用 Vite + TypeScript 搭建一个 Vue3 组件库。
手摸手带你封装Vue组件库(4)在开发组件之前
原本该节准备开始开发组件,但是我希望大家能够思考一下,现在大多数的文章可能只会教你写一个 button 然后结束,但是在你自己想做一个组件库的过程中你会发现很多的坑和注意点需要前期来考虑,那我带大家来
手摸手带你封装Vue组件库(6)Message消息组件
好久不见,在开发之前依旧带大家来思考一下整体的设计、布局、触发方式和需要注意的问题 使用方法触发(非组件直接注册在 template 中使用) 不受外界样式影响(比如父级 overflow:hidde
手摸手带你封装Vue组件库(3)组件库文档搭建
接上回我们搭建完组件库项目,现在还剩下组件文档,因为从 0 开始搭建文档太费时间,我推荐大家使用vitepress进行快速搭建,它可以将你的 Markdown 转为文档页面,所以我们只需要写 md 文