![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue组件封装
文章平均质量分 97
耳鼻喉科魏主任
学!
展开
-
模仿element-ui封装vue组件库(六)
十二、封装成ui组件库我们在前面已经将组件全部封装完毕了,现在我们要将组件打包成组件库,上传到github上。由于是模仿element-ui进行的组件封装,所以在发布时也是用element-ui的打包结构。12.1目录调整我们新建一个vue项目,并且在根目录创建两个文件夹就packages和examples。packages:用与存放所有的组件 examples:用域进行测试,把...原创 2020-03-28 18:27:29 · 2750 阅读 · 3 评论 -
模仿element-ui封装vue组件库(五)
九、封装一个element-ui风格的checkbox组件原创 2020-03-25 12:13:46 · 1485 阅读 · 3 评论 -
模仿element-ui封装vue组件库(四)
七、封装一个element-ui风格的radio组件前置知识点:radio的基本使用参数支持:参数名称 参数描述 参数类型 默认值 v-model 双向绑定 布尔类型 false label 单选框和value值 string,num,Boolean ' ' name na'm 7.1ra...原创 2020-03-24 21:00:53 · 1250 阅读 · 2 评论 -
模仿element-ui封装vue组件库(一)
实例内容封装常见的功能组件(Button,Modal,Form相关),封装完成后封装成UI组件库发布到NPM上。涉及知识点vue基础语法 组件基本语法 字键通讯(sync,provide,inject) 插槽使用 prop校验 过渡与动画处理 计算属性与监听属性 v-model语法糖 vue插件机指 npm发布实例目的掌握组件封装的语法和技巧 学会造轮子,了解...原创 2020-03-06 18:29:19 · 7262 阅读 · 10 评论 -
模仿element-ui封装vue组件库(三)
五、封装一个element-ui风格的input组件参数支持:参数名称 参数描述 参数类型 默认值 placeholder 占位符 string 无 type 文本框类型(text/password) string text disabled 禁用 boolean false clearable ...原创 2020-03-24 16:41:27 · 2143 阅读 · 9 评论 -
模仿element-ui封装vue组件库(二)
一、封装一个element-ui风格的dialog组件前置知识:vue过渡动画 sync修饰符 具名插槽与v-slot指令参数支持:参数名 参数描述 参数类型 默认值 title 对话框标题 string 提示 width 宽度 string 50% top 与顶部的距离 ...原创 2020-03-23 14:53:03 · 2989 阅读 · 2 评论