4.2日最后一次上线 vue3+ts+elementPlus+vite项目总结和代码记录

## VScode插件支持 

WindiCSS IntelliSense： WindiCSS 自动完成、语法突出显示、代码折叠和构建等高级功能

TypeScript Vue Plugin (Volar)： 用于 TypeScript 服务器的 Vue 插件

Vue Language Features (Volar)： Vue3.0 语法支持

Iconify IntelliSense Iconify： 预览和搜索

i18n： Ally 国际化智能提示

Stylelint： css 格式化

DotENV： .env 文件高亮

Prettier： 代码格式化

ESLint： 脚本代码检查

1,在封装组件的时候，只封装相同的部分，不同的部分都放在引用的组件里面

比如：

 

2， 一般接口传参的话get和post是这样写的  

put 的话和post是一样的。

一个接口里面有两种传参的话 像这种

 代码就要这样写

3，当不同的组件共用一个表单校验组件时

比如项目中的这个组件

编辑 要回显

 新增

 在vue3 语法糖setup中 子组件传递方法或者数据 要用defineExpose 这个方法

 在校验表单的时候传参数进去，校验成功 callback 返回表单填写的数据 （这个思路自己要学会）

然后再父组件里  调用这个handleForm方法 data 就是表单填写的数据

 4，像这种表格，会有默认选中的

 有toggleRowSelecttion这个方法 设置TRUE 和FALSE就行了

代码如下

 5，像这种点击新增有多个文件上传的