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);
}
如何获取列表数据
相关内容
热门资讯
安卓系统弹出窗口问题,安卓系统...
手机里的安卓系统突然弹出窗口，是不是让你心头一紧，手忙脚乱？别急，今天就来和你聊聊这个让人头疼的安卓...
安卓系统加苹果战队,科技竞技的...
你知道吗？在科技的世界里，有一场特别的较量正在悄然上演。那就是安卓系统和苹果战队的对决！这两大操作系...
miui与安卓系统关系,深度定...
亲爱的读者，你是否曾在使用手机时，对那熟悉的MIUI界面感到亲切又好奇？今天，就让我们一起揭开MIU...
安卓原生系统手机哪些,探索安卓...
你有没有想过，为什么你的手机总是那么流畅，那么强大？这背后，可是有一个默默无闻的英雄——安卓原生系统...
安卓系统cpu天梯图,性能比拼...
你有没有发现，手机里的安卓系统，就像是我们的好朋友，每天都在默默无闻地工作着。而它的心脏，也就是CP...
安卓系统通知时间,掌握生活节奏...
你有没有发现，手机里的安卓系统通知时间有时候会让人有点头疼呢？有时候它准时得像军号，有时候又懒洋洋得...
安卓系统默认安装位置,默认安装...
你有没有发现，每次新买一台安卓手机，打开它的时候，那些默认安装的APP总是占据着固定的位置？是不是好...
安卓系统内存优化模式,高效运行...
手机用久了是不是感觉越来越卡？别急，今天就来给你揭秘安卓系统内存优化模式的秘密，让你的手机焕发新生！...
零信任软件安卓系统,零信任软件...
你知道吗？在科技飞速发展的今天，手机已经成为了我们生活中不可或缺的一部分。而在这其中，安卓系统凭借其...
怎样更改安卓系统时间,安卓系统...
手机时间不对了？别急，我来教你怎样更改安卓系统时间，让你手机上的时间瞬间回到正轨！一、直接调整系统时...
鸿蒙系统离不开安卓,基于安卓的...
你知道吗？最近在科技圈里，有一个话题可是引起了不小的讨论呢！那就是鸿蒙系统与安卓的关系。很多人都在问...
安卓系统怎么重启应用,安卓系统...
手机里的安卓应用突然卡住了，是不是让你头疼不已？别急，今天就来教你怎么轻松重启安卓系统中的应用，让你...
安卓系统开启远程登录,安卓系统...
你有没有想过，即使你不在家，也能轻松管理你的安卓设备呢？没错，就是安卓系统开启远程登录！这可是个超级...
黑域安卓系统4.0,创新功能与...
亲爱的读者们，你是否对安卓系统有所好奇？今天，我要带你深入探索一个神秘而独特的存在——黑域安卓系统4...
安卓系统基础教程,从入门到精通
你有没有想过，你的安卓手机里那些神奇的软件和功能是怎么来的呢？其实，这一切都离不开安卓系统的基础。今...
安卓系统盒子停服,回顾辉煌历程
你有没有发现，最近你的安卓系统盒子突然有点不对劲？是不是觉得它变得有点“懒”，不再像以前那样活泼了呢...
安卓系统怎么下蝙蝠,安卓系统下...
你有没有想过，在安卓手机上下载蝙蝠APP，竟然也能成为一门学问呢？没错，就是那个让你随时随地畅游网络...
安卓系统能播放蓝光,安卓系统轻...
你有没有想过，你的安卓手机或者平板，竟然能播放那些高清到让人惊艳的蓝光电影呢？没错，就是那种画质细腻...
汽车系统识别到安卓,智能驾驶新...
你知道吗？最近汽车界可是掀起了一股新潮流呢！那就是汽车系统识别到安卓，这可不是简单的兼容，而是深度融...
工程业务系统安卓版,助力项目管...
你知道吗？最近我在手机上发现了一个超级实用的工程业务系统安卓版，简直让我爱不释手！这款应用不仅功能强...