模仿 element-UI 搭建 Vue UI 组件库
文章平均质量分 69
练习封装几个常用的组件
大白羊子
努力学习不断进步的前端er。
展开
-
模仿 element-UI 搭建 Vue UI组件库(二)
封装 button 组件前置知识:组件通讯组件插槽props 校验参数支持:参数名参数描述参数类型默认值type按钮类型(primary/success/warning/danger/info)stringdefaultplain是否是朴素按钮booleanfalseround是否是圆角按钮booleanfalsecircle是否是圆形按钮booleanfalsedisabled是否禁用按钮booleanfal原创 2021-04-13 23:41:22 · 452 阅读 · 0 评论 -
模仿 element-UI 搭建 Vue UI组件库(一)
实例目的掌握组件封装的语法和技巧学会造轮子,了解组件库实现原理搭建和积累自己的组件库实例内容封装常见的功能性组件(button、Modal、Form相关)。把组件封装成 UI 组件库,并发布到 npm 上。涉及知识vue 基础语法组件基本语法组件通讯(sync,provide,inject)插槽的使用props 校验过渡与动画的处理计算属性、监听属性v-model 语法糖vue 插件机制npm 的发布使用 vue cli 初始化一个项目使用 vue created原创 2021-04-13 23:39:58 · 843 阅读 · 1 评论