Vue3分页组件基础使用 以及 给表格增加自增序列

 分页组件使用

 1. - `

` 是一个用于展示分页组件的容器。
 2.- `` 是 Element UI 提供的分页组件，可以实现分页功能。

3. - `v-model:current-page="dataVo.pageNum"` 表示将 `dataVo.pageNum` 的值绑定到当前页数，通过 `v-model` 双向绑定，即可实现当用户点击页码时，自动更新 `dataVo.pageNum` 的值。

4. - `v-model:page-size="dataVo.pageSize"` 表示将 `dataVo.pageSize` 的值绑定到每页显示数量，同样通过 `v-model` 双向绑定。

5. - `:page-sizes="[100, 200, 300, 400]"` 是一个数组，表示用户可以选择的每页显示数量的选项。
- `:small="small"` 表示是否使用小型分页样式，`small` 是一个变量。

6. - `:disabled="disabled"` 表示是否禁用分页组件，`disabled` 是一个变量。

7. - `background="background"` 表示是否使用背景色，默认为透明。

8. - `layout="total, prev, pager, next, jumper"` 表示分页组件内部布局的顺序。

9. - `:total="total"` 表示总共有多少条记录。

10. - `@size-change="handleSizeChange"` 是一个事件监听器，当用户改变每页显示数量时，会执行 `handleSizeChange` 方法。

11.- `@current-change="handleCurrentChange"` 是一个事件监听器，当用户改变当前页数时，会执行 `handleCurrentChange` 方法。

script标签中

 二, 序号自增

//完整代码