useTable.ts
import { ref } from 'vue'
export function useTable(apiwithParams){
cosnt data =ref([])
const refresh=()=>{
apiwithParams().then(res=>data.value=res.data.list)
}
refresh()
return [data,refresh]
}
table.vue
<script lang="ts" setup> import { ref } from "vue";
import { getTableDataApi1, getTableDataApi2, getTableDataApi3 } from "./api.ts";
import { useTable } from './useTable.ts'
const apiParams1 = { page: 1, size: 10 };
const apiParams2 = { page: 2, size: 5 };
const apiParams3 = { page: 3, size: 15 };
const [tableData1, refresh1] = useTable(() => getTableDataApi1(apiParams1));
const [tableData2, refresh2] = useTable(() => getTableDataApi2(apiParams2));
const [tableData3, refresh3] = useTable(() => getTableDataApi3(apiParams3));
onMounted(refresh1);
</script>
