Zhyonyu的博客

为什么要做这个事呢，作为一个前端后台开发工程师，最经常做的工作就是后台表格开发，由于业务比较简单，就自己单独封装了一个table表格，来提升开发效率。但是觉得没什么难点亮点，重新整理封装思路，研究简单业务可以高速提效，复杂业务也可以自定义完成的公共组件，并发布到npm上包可以拉取。

我们构建的这个日历组件具有以下功能：- 用户可以选择日期，并查看相应日期的房间可用性。- 每个房间在特定日期可以被预订，用户可以输入客户姓名进行预订。- 组件支持月份的前后切换，以便于用户快速浏览不同月份的房间状态。- 在表格中，已预订的房间会显示客户的名字，而可用房间则提示“可用”。- 在编辑状态下，用户可以输入客户信息并保存预订。通过本次分享，我们学习了如何使用 Vue 3 和 Element Plus 创建一个功能完备的动态日历组件。