heyhaiyang

一篇文章试图教会你，搭建可用的 Vue3 企业版项目脚手架模板，从gitee上直接拉取代码，开箱即用！！！

本文包含： json-server 的安装 配置 验证 json-server-auth 的安装 配置 验证 注册和登录页面 涉及知识点：axios，router，http请求，跨域，vue3

vite搭建vue项目 具体步骤请参考，前面的文章——使用vite从开始搭建vue项目 安装配置 ant- design-vue 2.2.6

今天试过之后确实真香，还内置了热部署等功能，非常好用；至于提到的pnpm，也是一个体验非常好的包管理工具

使用vite-vue3-ts快速上手做一个todolist Gitee：https://gitee.com/heyhaiyon/vite-vue3-ts-todolist.git

之前写过ant-desing-vue版本的多列下拉框，使用的是select里面使用`render`嵌入table表格的方式，显示多列数据，这次是另一种思路实现多列下拉框。

1. template模板区域 a-calendar标签的数据绑定，与数据遍历逻辑，这里数据绑定在a- calendar标签上，日期面板的切换和选中日期的事件都在绑定在此；内层嵌套插槽渲染以一周7天渲染日期，绑定数据几乎不用变化，可以直接拿来用。 2. js区域 一个简单的日历…

根据官方提供的文档，了解到其中有3个事件属性：change,panelChange,openChange，3个事件属性分别对应：value改变的回调，面板切换的回调（选中值或者月份等切换月份都会触发），面板显示与收起的回调。 1. template模板区域 2. js区域

根据需求，可以知道需要回显格式需要为“XXXX年XX月XX日”，查看组件库a-date-picker，了解到format属性可以将在输入框中数据转换为特定格式。 在提交数据时，由于我们是封装组件，给其他页面中使用，所以需要将需要提交的值由子组件置到父组件上，所以在日期组件中选中…