Vue3这样子写页面更快更高效
创始人
2024-05-31 10:45:54
0次
在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，如获取列表数据，分页，筛选功能这些基本功能。而不同的是呈现出来的数据项。还有一些操作按钮。
对于刚开始只有 1，2 个页面的时候大多数开发者可能会直接将之前的页面代码再拷贝多一份出来，而随着项目的推进类似页面数量可能会越来越多，这直接导致项目代码耦合度越来越高。
这也是为什么在项目中一些可复用的函数或组件要抽离出来的主要原因之一
下面，我们封装一个通用的useList，适配大多数增删改查的列表页面，让你更快更高效的完成任务，准点下班 ~
前置知识
-
Vue
-
Vue Composition Api[1]
封装
我们需要将一些通用的参数和函数抽离出来，封装成一个通用hook，后续在其他页面复用相同功能更加简单方便。
定义列表页面必不可少的分页数据
export default function useList() {
// 加载态
const loading = ref(false);
// 当前页
const curPage = ref(1);
// 总数量
const total = ref(0);
// 分页大小
const pageSize = ref(10);
}
如何获取列表数据
相关内容
热门资讯
oppo安卓11.1系统新功能...
你知道吗？最近OPPO手机又来了一次大升级，安卓11.1系统的新功能简直让人眼前一亮！今天，就让我带...
win10系统和安卓系统的,全...
你有没有发现，现在手机和电脑的操作系统真是五花八门，让人挑花了眼？今天，咱们就来聊聊两个超级热门的系...
安卓怎么设置重力系统,安卓重力...
你有没有发现，有时候手机屏幕上的图标会自动旋转，就像有看不见的小手在帮你翻书一样？这就是安卓手机的重...
图片管家推荐安卓系统,图片管家...
手机里的图片是不是越来越多，乱糟糟的找不到？别急，今天就来给你安利一款超好用的安卓系统图片管家——它...
安卓2.3系统宣传片,无限可能
你有没有注意到，手机的世界里，有时候一个小小的系统更新就能掀起一阵热潮呢？今天，就让我带你穿越回那个...
有关安卓和苹果系统提问,全面对...
你有没有想过，为什么你的手机里装的是安卓系统，而你的朋友用的是苹果？是不是好奇这两个系统有什么不同？...
安卓系统清理排行榜,助你手机焕...
手机里的安卓系统是不是越来越慢了？别急，今天就来给你揭秘一下安卓系统清理排行榜，让你手机瞬间恢复活力...
安卓系统app自动启动不了,安...
手机里的安卓系统APP突然不自动启动了，这可真是让人头疼啊！你是不是也遇到了这种情况？别急，今天就来...
ios系统和安卓系统哪个才是未...
说到手机操作系统，你是不是也和我一样，对iOS系统和安卓系统哪个才是未来充满了好奇呢？毕竟，这两个系...
最丝滑的安卓系统,最丝滑安卓系...
你有没有想过，手机系统就像是我们生活中的调味品，有时候平淡无奇，有时候却让人回味无穷。今天，就让我带...
笔记本安卓系统下载,下载与使用...
你有没有想过，你的安卓笔记本也能拥有一个全新的操作系统呢？没错，就是那种可以让你在笔记本上畅游安卓世...
老年人安卓手机系统,畅享智能生...
你有没有发现，身边越来越多的老年人开始玩起了智能手机呢？这不，最近我注意到，他们中很多人选择了安卓手...
安卓手机系统大改造,重塑未来
你有没有发现，最近你的安卓手机好像变得不一样了？没错，安卓手机系统正在经历一场大改造，就像换上了新装...
能安装安卓应用的系统,探索无限...
你有没有想过，为什么你的手机可以安装那么多好玩的应用，而电脑就只能用那些固定的软件呢？其实，现在有一...
安卓系统备份备忘录,轻松备份与...
你有没有想过，那些藏在安卓手机里的备忘录，它们就像是你生活中的小秘密，随时准备着为你提供帮助？今天，...
欧沃手机安卓系统,畅享智能生活...
你有没有发现，最近手机市场又掀起了一股热潮？没错，就是欧沃手机！这款手机凭借其出色的性能和亲民的价格...
安卓4.4系统tv软件,探索安...
亲爱的读者们，你是否曾为家里的电视屏幕增添一些智能的魔力而烦恼？别担心，今天我要给你带来一个超级实用...
安卓系统的研究人物,安卓系统发...
你知道吗？在科技飞速发展的今天，安卓系统可是占据了智能手机市场的大半壁江山。而在这片广阔的天地里，有...
山寨苹果刷会安卓系统,安卓系统...
你知道吗？在科技圈里，总有一些让人眼前一亮的小秘密。今天，我要给你揭秘一个关于山寨苹果刷安卓系统的神...
安卓系统新用户登录,畅享智能生...
你刚刚入手了一台全新的安卓手机，是不是有点小激动呢？别急，别急，让我来给你详细介绍一下安卓系统新用户...