![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件库
文章平均质量分 88
幽月之格
web前端学习者、英语学习者
展开
-
vue3 组件库 (六):Tree 组件
在工作中我们经常会用到Tree组件,今天就来实现一个简易版的Tree组件,完整的代码请到仓库获取在线预览github 地址数据展示先来看看用户传递过来的数据从上面的使用可以了解到需要定义接收 data、props属性,触发一个node-click事件getNodes 将用户传递过来的数据进行转换renderContext 使用转换后的数据渲染,需要考虑有子节点和没有子节点的情况初次渲染的效果renderContext中给content添加is-expand类,展开条件判断原创 2023-03-23 14:53:02 · 6559 阅读 · 0 评论 -
手把手从零搭建一个 vue3 组件库 (五):封装 Message 组件
可以看到抛开ts类型代码还是挺简单的,主要还是理解Transition、createVNode、render的基本使用上面消息框使用Icon组件,vangle中使用了一种便利的方式封装Icon,可直接参考源码完整代码请参考github 地址gitee 地址记得点个星星噢(●’◡’●)原创 2023-02-07 13:17:16 · 1141 阅读 · 2 评论 -
手把手从零搭建一个 vue3 组件库 (四):使用 vite 打包并发布到 npm
前面几篇文章分享了一个组件库的搭建、组件的编写、样式的处理和编写组件库文档。今天这篇文章主要来分享一下组件库的打包和发布话不多说,开搞!!!原创 2022-09-05 09:33:09 · 5757 阅读 · 3 评论 -
手把手从零搭建一个 vue3 组件库 (三):模拟 element-plus 组件库文档
前两天有空看了一下 element-plus 的组件库文档实现部分,在这里总结一下。上期讲过文档项目的搭建流程,对这一部分不熟悉的朋友可以先参考参考哈手把手从零搭建一个 vue3 组件库 (二):为组件编写文档...原创 2022-08-27 13:59:52 · 1968 阅读 · 0 评论 -
手把手从零搭建一个 vue3 组件库 (二):为组件编写文档
手把手从零搭建一个 vue3 组件库 (二):为组件编写文档 本期任务如下: 抽离 eslint-config 定义 css 变量 编写一个 Button 组件 使用 vitepress 为组件编写文原创 2022-08-23 07:30:00 · 2136 阅读 · 0 评论 -
手把手从零搭建一个 vue3 组件库 (一)
这篇文章会带着你从零搭建一个基于 vue3 的组件库,github地址:https://github.com/vangleer/vangle。话不多说,开搞。原创 2022-08-17 17:55:30 · 3210 阅读 · 1 评论