vue3+ts组件库开发
文章平均质量分 97
学完vue3的基础,就该来使用vue3造点小工具啦!本专栏主要讲解使用vue3和TS做一些组件和小工具的实战~
周一同学Zelina
00后 | 互联网大厂码农 | all in AI
六边形战士 / 人间风油精 / 效率工具达人
链接我:mondaylab712
展开
-
组件库实战 | 教你如何设计Web世界中的表单验证
教你如何设计Web世界中的表单验证序言一、验证输入框ValidateInput1. 设计稿抢先知2. 简单的实现3. 抽象验证规则4. v-model5. 使用$attrs支持默认属性二、验证表单ValidateForm1. 组件需求分析2. 使用插槽 slot3. 父子组件通讯四、结束语 往期推荐 序言 在实际开发中,我们有一个很经常开发的场景,那就是登录注册。登录注册实际上涉及到的内容是表单验证,因此呢,表单验证也是 web 世界中一个很重原创 2021-09-19 09:36:44 · 776 阅读 · 7 评论 -
组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList
用vue3+ts实现全局Header和列表数据渲染ColumnList序言一、ColumnList数据渲染1、设计稿抢先知2、数据构思3、视图数据绑定4、数据传递5、挠头情况☎️二、GlobalHeader全局Header1、设计稿抢先看2、数据构思3、视图数据绑定4、数据传递三、Dropdown下拉菜单1、组件基本功能2、自定义菜单内容DropdownItem3、组件点击外部区域自动隐藏4、自定义函数5、联合效果四、结束语彩蛋 One More Thing基础知识原创 2021-07-13 11:30:57 · 1615 阅读 · 23 评论