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);
}
如何获取列表数据
相关内容
热门资讯
我来教大家“乐享麻将辅助器ap...
我来教大家“乐享麻将辅助器app官方下载最新版本更新”详细分享开挂一、乐享麻将AI软件牌型概率发牌机...
我来教大家“杭州麻将辅助器ap...
您好，杭州麻将这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打...
我来教大家“旺旺冲击麻将辅助器...
我来教大家“旺旺冲击麻将辅助器app官方下载最新版本更新”详细分享开挂一、旺旺冲击麻将AI软件牌型概...
我来教大家“来物局潮汕麻将辅助...
您好，来物局潮汕麻将这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游...
我来教大家“NGPoKer辅助...
您好，NGPoKer这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游...
我来教大家“和和全集辅助器ap...
亲，和和全集这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，和和全集的开挂软件，名...
我来教大家“微乐哈尔滨麻将辅助...
亲，微乐哈尔滨麻将这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，微乐哈尔滨麻将的...
我来教大家“满唐华彩辅助器ap...
我来教大家“满唐华彩辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三方...
我来教大家“博雅丽江棋牌辅助器...
我来教大家“博雅丽江棋牌辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第...
我来教大家“随便玩跑胡子辅助器...
亲，随便玩跑胡子这款游戏可以开挂的，确实是有挂的，。但是开挂要下载第三方辅助软件，随便玩跑胡子的开挂...
我来教大家“一道棋牌辅助器ap...
我来教大家“一道棋牌辅助器app官方下载最新版本更新”详细分享开挂一、一道棋牌AI软件牌型概率发牌机...
我来教大家“新惠娱乐辅助器ap...
我来教大家“新惠娱乐辅助器app官方下载最新版本更新”详细分享开挂一、新惠娱乐AI软件牌型概率发牌机...
我来教大家“天天松滋麻将辅助器...
我来教大家“天天松滋麻将辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第...
我来教大家“情怀河北麻将辅助器...
我来教大家“情怀河北麻将辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第...
我来教大家“麻友圈辅助器app...
我来教大家“麻友圈辅助器app官方下载最新版本更新”详细分享开挂一、麻友圈AI软件牌型概率发牌机制”...
我来教大家“大发快三辅助器ap...
我来教大家“大发快三辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三方...
我来教大家“威信茶楼辅助器ap...
我来教大家“威信茶楼辅助器app官方下载最新版本更新”详细分享开挂一、威信茶楼AI软件牌型概率发牌机...
我来教大家“运徕麻将辅助器ap...
您好，运徕麻将这款游戏可以开挂的，确实是有挂的，需要了解加微{7198902}很多玩家在这款游戏中打...
我来教大家“温州麻将辅助器ap...
我来教大家“温州麻将辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三方...
我来教大家“沐晖麻将辅助器ap...
我来教大家“沐晖麻将辅助器app官方下载最新版本更新”详细分享开挂1、让任何用户在无需AI插件第三方...