文件名称:slider:仅用于通过vue倾斜write组件
文件大小:122KB
文件格式:ZIP
更新时间:2024-06-05 12:02:40
JavaScript
前端开发思路分析,手把手教学(Vue组件篇) 其实不管是什么框架,在开发中都有一些比较常规和通用的东西,那就是思想,接下来我将从以下三个点并基于vue开发一个Slider(滑条)组件,在这里我默认大家都会基本使用vue,若对vue相关概念还不是很清楚的可以转到 概览 步骤 组件抽象 (api设计) 页面实现 (组件的html实现和css样式) 建立关联 (组装) 项目构建 这里我们使用快速搭建构建项目 我们只需要关心src下的App.vue和components目录即可 src App.vue components/ 1.组件抽象 首先在开发之前,我们需要对组件的逻辑进行一个抽象操作,不需要关心页面如何去实现。 如何去抽象?很简单,两个点,属性和方法 比如我们现在抽象一个人: 属性:身高,体重,爱好,头发颜色,脚的尺寸等等 方法:吃饭,说话,打游戏,敲代码等等 我们再来抽象一个灯泡: 属性