此文前端框架使用 rax,全篇代码暂未开源(待开源) 原文链接地址: Nealyang/PersonalBlog 前言 貌似在面试中,你如果设计一个 react/vue 组件,貌似已经是司空见惯的问题了。本文不是理论片,…
标签:组件设计
vue递归组件实战之简单树形控件
1、递归组件-简单树形控件预览及问题 在编写树形组件时遇到的问题: 组件如何才能递归调用? 递归组件点击事件如何传递? 2、树形控件基本结构及样式 <template> <ul class="vue-t…
🔨揭秘vue-sfc-cli: 组件研发利器
前言 本文将揭示vue单文件组件的工具 vue-sfc-cli 的内涵,说明它是如何在整个组件研发流程中提升效率的。 本文可以看成是 📦vue组件发布npm最佳实践 …
支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component
方便不想看完全篇文章的童鞋,简单总结一下,这是篇软广,主要是推广自己在业务中沉淀的一个开源组件 vue-dynamic-form-component 。基于 element-ui 实现的 vue组件,只需编写类似 asy…
Vue 中的受控与非受控组件
Vue 中的受控与非受控组件 熟悉 React 的开发者应该对“受控组件”的概念并不陌生,实际上对于任何组件化开发框架而言,都可以实现所谓的受控与非受控,Vue 当然也不例外。并且理解受控与非受控对应的需求场景,可以让我…
一个基于Vue.js2的图片浏览组件img-vuer
GitHub地址 img-vuer 一个简单易用的图片浏览组件 用户体验问题欢迎提议~ 易用 滑动换图 支持手势缩放 请使用移动浏览器打开 demo 或扫描二维码 安装 npm i img-vuer --save 使用 …
Vue.js新手教学|如何写一个Checklist组件
建议在电脑上阅读此文,全部源代码在文章最后 2017.11.30更新:本案例有了更优雅更简单的实现方案了,可以比较看一下两种实现方式,具体请看文末源码里的checklist2.0.vue文件 2017.11.25更新章节…
Vue的手风琴组件--优雅的展示图片以及文字的方式
这是今天看到的一个不错的vue组件。感觉用来做首页图片和文字的展示,或者是宣传网站对产品的不同特性的展示都是一个很生动的展现方法。vue-accordion的设计风格和轮播图类似。它可以支持用户自定义样式类。 安装 通过…
分享一个vue的生成头像组件
今天看到一个vue的生成头像的组件–vue-avator。这个组件很实用,可以生成手机或者邮箱通讯录里常见的用户名缩写形式的头像。当然也支持用户上传图片的头像。 它可以支持用户自定义头像的首字母颜色和背景色,…
怎样实现一个datePicker(日期选择)组件
百度前端技术学院上有一个任务,要实现一个日期选择组件,本文由此而来~ 看看需求 组件默认一直呈显示状态 通过某种方式选择年、月,选择了年月后,日期列表做相应切换 通过单击某个具体的日期进行日期选择 组件初始化时,可配置可…
如何完成一个datePicker(日期挑选)组件
百度前端技术学院上有一个使命,要完成一个日期挑选组件,本文由此而来~ 看看需求 组件默许一向呈显现状况 经由过程某种体式格局挑选年、月,挑选了年月后,日期列表做相应切换 经由过程单击某个详细的日期举行日期挑选 组件初始化…
Vue的手风琴组件--文雅的展现图片以及笔墨的体式格局
这是本日看到的一个不错的vue组件。觉得用来做首页图片和笔墨的展示,或者是宣扬网站对产物的差别特征的展示都是一个很活泼的展示要领。vue-accordion的设想作风和轮播图相似。它能够支撑用户自定义款式类。 装置 经由…