随笔分类 -  vue3组件库搭建

从零搭建vue3组件库
摘要:本篇文章将为我们的组件库添加一个新成员:Input组件。其中Input组件要实现的功能有: 基础用法 禁用状态 尺寸大小 输入长度 可清空 密码框 带Icon的输入框 文本域 自适应文本高度的文本域 复合型输入框 每个功能的实现代码都做了精简,方便大家快速定位到核心逻辑,接下来就开始对这些功能进行一 阅读全文
posted @ 2022-11-11 13:45 公众号-web前端进阶 阅读(1715) 评论(0) 推荐(2) 编辑
摘要:相信大家在前端开发中都使用过很多前端脚手架,如vue-cli,create-vite,create-vue等;本篇文章将会为大家详细介绍这些前端脚手架是如何实现的,并且从零实现一个create-kitty脚手架发布到npm上。 pnpm搭建Monorepo环境 使用pnpm管理对项目进行管理是非常方 阅读全文
posted @ 2022-10-25 11:13 公众号-web前端进阶 阅读(1824) 评论(0) 推荐(3) 编辑
摘要:先看下效果 其实就是个抖动效果组件,实现起来也非常简单。之所以做这样一个组件是为了后面写Form表单的时候会用到它做一个规则校验,比如下面一个简单的登录页面,当点击登录会提示用户哪个信息没输入,当然这只是一个简陋的demo 接下来就开始我们的Shake组件实现 CSS样式 当你需要抖动的时候就给它添 阅读全文
posted @ 2022-10-19 10:17 公众号-web前端进阶 阅读(662) 评论(0) 推荐(2) 编辑
摘要:button组件几乎是每个组件库都有的;其实实现一个button组件是很简单的。本篇文章将带你一步一步的实现一个button组件。如果你想了解完整的组件库搭建,你可以先看使用Vite和TypeScript带你从零打造一个属于自己的Vue3组件库,这篇文章有详细介绍。当然如果你只想知道一个button 阅读全文
posted @ 2022-08-20 16:56 公众号-web前端进阶 阅读(1279) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示