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);
}
如何获取列表数据
相关内容
热门资讯
通用制卡安卓系统版本
你有没有发现，手机里的那些卡片应用越来越智能了？这不，最近我在研究通用制卡安卓系统版本的时候，发现了...
安卓系统最好的省电王,助你续航...
手机电量总是不够用？是不是每次出门前都要检查一下充电宝在不在？别急，今天我要给你介绍一个安卓系统里的...
安卓通话系统变成黑色了,探究原...
最近你的安卓手机通话界面是不是突然变成了黑色？别急，别慌，让我来给你详细解析一下这个现象，让你轻松应...
长沙雨天攻略系统和安卓,畅游雨...
长沙这座美丽的城市，一到雨天就变得特别有味道。但你知道吗，雨天出行可不是件容易事儿，尤其是对于不熟悉...
安卓系统照片打印机,便捷打印新...
你有没有想过，手机里的照片，怎么才能变成实体的相片呢？没错，就是那种可以捧在手心、贴在墙上的那种！今...
安卓系统内录声音破解
你有没有想过，你的安卓手机里那些看似平常的录音，其实可能藏着不为人知的秘密呢？没错，就是那些你在不知...
安卓系统开发外包,共创卓越移动...
你有没有想过，为什么你的手机里那么多应用，而有些应用却让你爱不释手？这其中，安卓系统开发外包可是功不...
安卓系统应用分身微信
你有没有想过，你的手机里那个天天不离手的微信，竟然还能有个分身呢？没错，就是那个安卓系统下的应用分身...
安卓系统如何打开hwp,安卓系...
你是不是也遇到了这样的问题：手里拿着一份HWP格式的文档，却苦于不知道如何在安卓系统上打开它？别急，...
蜜豆下载安卓系统
你有没有想过，手机里多一款有趣的APP，生活就能多一份乐趣呢？今天，就让我来给你安利一款超级好用的A...
天天2棋牌安卓系统,体验指尖竞...
你有没有发现，最近手机上的一款游戏特别火？没错，就是天天2棋牌安卓系统！这款游戏不仅玩法多样，而且界...
安卓系统屏幕上的图标,图标解析...
你有没有发现，每次打开安卓手机，那屏幕上密密麻麻的图标就像是一张五彩斑斓的地图，指引着你在数字世界的...
安卓系统搞怪软件有哪些,笑点连...
你有没有发现，安卓系统里的软件真是五花八门，有些甚至能让你忍俊不禁呢！今天，就让我带你一起探索那些安...
安卓系统如何给ios系统送皮肤...
你知道吗？现在手机界可是热闹非凡，安卓和iOS两大阵营的粉丝们都在为自家的系统争得面红耳赤。不过，今...
苹果转换安卓系统时蓝屏,揭秘蓝...
你有没有遇到过这种情况？手机突然蓝屏，屏幕上什么都没有，就那么静静地躺在那里，仿佛在向你诉说着什么。...
安卓系统的滑盖,便捷操作背后的...
你有没有发现，最近手机界又掀起了一股复古风潮？没错，就是那些曾经风靡一时的滑盖手机！它们又回来了，而...
苹果系统容易操作吗安卓,轻松上...
说到手机操作系统，你是不是也和我一样，对苹果系统和安卓系统有着浓厚的兴趣呢？毕竟，这两个系统在市场上...
安卓系统镜头怎么调焦距,安卓系...
你有没有发现，用安卓手机拍照的时候，有时候镜头的焦距调得不对，照片就变得模糊不清呢？别急，今天就来手...
安卓经典系统壁纸高清,感受时光...
亲爱的手机控们，你是否曾在某个午后，百无聊赖地翻看着手机，突然被那些精美的壁纸吸引住了目光？没错，就...
安卓系统怎么样安装wd系统,安...
你有没有想过给你的安卓手机来个换装大变身？没错，就是将安卓系统升级为WD系统！听起来是不是有点酷炫？...