【文件属性】:
文件名称:vue-calendar:手摸手教你用VUE封装日历组件
文件大小:158KB
文件格式:ZIP
更新时间:2021-03-12 16:54:35
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)