模仿 element-UI 搭建 Vue UI 组件库
文章平均质量分 69
练习封装几个常用的组件
大白羊子
努力学习不断进步的前端er。
展开
-
模仿 element-UI 搭建 Vue UI组件库(二)
封装 button 组件 前置知识: 组件通讯 组件插槽 props 校验 参数支持: 参数名 参数描述 参数类型 默认值 type 按钮类型(primary/success/warning/danger/info) string default plain 是否是朴素按钮 boolean false round 是否是圆角按钮 boolean false circle 是否是圆形按钮 boolean false disabled 是否禁用按钮 boolean fal原创 2021-04-13 23:41:22 · 442 阅读 · 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 · 830 阅读 · 1 评论