Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →tencentblueking/Vue 3 组合式函数最佳实践 (Composables)
提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。
Passed 20 of 22 test cases with the skill, and 14 of 22 without it.
and 4 more in the full report
6 fixed14 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
请写出在蓝鲸 Vue 3 组件 script setup 中，使用标准 useTable 组合式函数包裹 API 请求函数 getAppList 时的单行解构调用代码。
| Checked | Without skill | With skill |
|---|---|---|
| Calls useTable(getAppList) and destructures { loading, data, pagination, handlePageChange, handleLimitChange } | Missed | Passed |
The instructions your model reads when the skill loads.
为了避免在每个页面重复编写分页、Loading 和请求逻辑，我们推荐使用 Composables。
封装了分页、加载状态、数据获取的通用逻辑。一行代码搞定所有表格逻辑。
使用方式：
const { loading, data, pagination, handlePageChange, handleLimitChange } = useTable(getHostList);
配合 bk-table：
<bk-table
:data="data"
:pagination="pagination"
v-bkloading="{ isLoading: loading }"
remote-pagination
@page-change="handlePageChange"
@page-limit-change="handleLimitChange"
>
<bk-table-column prop="name" label="名称" />
</bk-table>
📦 获取完整 Hook 实现：
skill://vue-composables/assets/useTable.ts
skill://vue-composables/assets/useTable.ts根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载
test cases passed, vs 14 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.