如何封装Vant3 Vue3移动端H5下拉刷新和上拉加载组件？

本文共计2797个文字，预计阅读时间需要12分钟。

在移动端开发中，经常遇到表格的展示和数据量增多的情况，此时常需要进行上下滑动操作。进入新公司后，发现移动端有很多表格，但查看代码时发现，每个表格都是单的。

｜ 在日常的移动端开发中，经常会遇到列表的展示，以及数据量变多的情况下还会有上拉和下拉的操作。进入新公司后发现移动端好多列表，但是在看代码的时候发现，每个列表都是单独的代码，没有任何的封装，都是通过vant组件，里面充满了过多的重复代码，在有bug或者有需求变更的时候，每次的改动都要对很多个相同逻辑的页面组件进行修改，于是花了一点时间，将其进行封装，发现还是节省了很多的时间。自己做一个记录。