vue-calendar:手摸手教你用VUE封装日历组件

时间:2024-04-01 10:41:15
【文件属性】:

文件名称:vue-calendar:手摸手教你用VUE封装日历组件

文件大小:158KB

文件格式:ZIP

更新时间:2024-04-01 10:41:15

Vue

日历 您好,各位勇敢的小伙伴,大家好,我是你们的嘴强王者小五,身体健康,脑子没病。 本人有丰富的脱发技巧,使你一跃成为资深大咖。 一看就会一写就废是本人的主旨,菜到抠脚是本人的特点,卑微中透着一丝丝刚强,傻人有傻福是对我最大的安慰。 欢迎来到小五的随笔系列之手摸手教你用VUE封装日历组件。 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 写在前面 双脚奉上最终效果图: 需求分析 需求分析无非是一个想要什么并逐步细化的过程,毕竟谁都不能一口吃掉一张大饼,所以我们先把饼切开,一点一点吃。以下基于特定场景来实现一个基本的日历组件。小生不才,还望各位看官轻喷,欢迎各路大神留言指教。 场景:在移动端中通过切换日期来切换收益数据,展现形式为上面的日历,下面对应数据,只显示日数据。 基于此场景


【文件预览】:
vue-calendar-master
----package.json(884B)
----LICENSE(1KB)
----src()
--------App.vue(1KB)
--------main.js(159B)
--------components()
----.gitignore(231B)
----public()
--------index.html(611B)
--------favicon.ico(4KB)
----README.md(18KB)
----yarn.lock(365KB)
----.gitattributes(27B)
----babel.config.js(73B)

网友评论