关于接口传参，要小心传入的实参与形参形式不一致的情况。
如果传入的实参是一个对象，形参也应该以对象的形式接收，而不是以对象的参数的形式接收。
如：
const res = await usersign.allList({
page: curPage.value,
size: 10,
keyword: ‘’,
festival: 0,
});
那么service下应该是：（data)
export const allList = (data) => {
return get(
‘/usersign/alllist’,
data
);
};
用一个data表示就行。data代表的就是一整个对象。
昨天说到切页逻辑，其实切页有两种，一种是给后端做，一种是给前端，然而给前端也是很轻松的，
就是，list从后端拿来的是全部，还要从后端拿到total，就可以知道total是多少了。
因为要求开发的页面已经都开发完了（就差后端给我接口了），以及毕业设计的程序系统已经做完了（但是
毕设论文还没开始写）
现在先看课程，继续进行学习。
关于vue的认知，所谓的vue，就是接管dom，dom里面所有的东西都归vue管。
所以像vue组件的表现形式也是dom。
像dom组件属性的值，向来都是通过js,return返回给模板的，所以组件放在哪，属性的值就归哪个js管。
所以属性的值跟组件没有一定的必然关系。不是一定的从属关系。子组件显示在父组件里的属性，子组件要通过
props去拿，通过context去传。
通过“：”冒号绑定的属性，右边的取值是表达式。
通过样式绑定去修改样式
方法一，通过class属性：（给class属性加冒号，右边就是表达式了)
需要有一个认知，class是一个对象，所以才会{} 这里，activated样式是否显示取决于 isActivated变量的取值
方法二：通过修改class的值去达成修改dom的样式。
方法三：个人认为最好用也是最好理解的就是方法三啦。
通过:style
< div :style=“stylObj” >
原本在div标签里stylObj 相当于 "{color:red}"这种类型
在js中是
data:{
styleObj :{
color:“red”
}
}
9-12 实现文件上传业务
后端安装node-xlsx
xx.parse(xx) parse可以理解为解析。
比如xlsx.parse(xx) --结果是一个像list一样的值。
例子：
const worksheet = xlsx.parse(${_dirname}/test.xlsx);
worksheet[0].data
文件上传的主要逻辑就是把解析出来的数据插入到数据库里。这样就结束了。
其实很简单啦。
后端接口：
PS 额外的：
之前经常就是service 的get ,post 传递参数然后后端接收不到就一直看不懂。
现在知道就是view 的 js ，每次这些方法 ，实参明明传递的就是一个对象，形参却以对象的属性为参数去接收，
所以才会老是出现这种bug。
其实传什么实参无所谓，但是接收参数的形参要跟实参格式一样。
一个关于js很重要的知识点，就是比较！！！！！！
不可以写if(a<b<c)，要写if(a<b && b<c) ，算法并不支持 a<b<c这种计算
今天加了一个业务，可以看出是否有存在重复请假的情况。
实现方法是：将父组件的list传参给子组件，子组件接收list的值，还有和输入的上班日期1和上班日期2进行比较，
从而判断是否存在重复请假同一天的情况。
上传文件在前端用的是a-upload组件，且它没有用到service文件，而是直接通过表单action传送接口数据。这就是
这个组件本身的作用。
关于动态组件。（又是冒号属性。:is可以实现组件的动态更换）
为了实现动态组件，要用组件的另一种写法：
把组件名换成一个变量，通过绑定事件去修改变量的名字就行。
因为:冒号接收的是表达式，变量名也算。
v-once指令是只渲染一次的意思。
关于插槽：
应该去理解，它是一个东西。
< child > < p > dell < /p> </ dell >
这个< p>dell< /p>就是插槽。
在子组件里。
< div>< slot>< /slot>< /div>
插槽可以设置默认内容：
如< div> 默认内容
默认内容写在插槽内部即可。
插槽的应用场景：当子组件有些地方的显示取决于父组件的时候，就需要用到插槽了。
插槽的应用进化：”具名插槽“
首先：
< child > < div slot=“header”>header< /div>
< div slot=“footer”> footer < /div>
在子组件里。
< slot name=“header”> < div >< /div>
<slot name="footer>
