Vue 3 组合式函数最佳实践 (Composables)
提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。
Overall
score
17%
Does it follow best practices?
Optimize this skill
If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:
npx tessl skill review --optimize ./path/to/skillValidation for skill structure
Validation failed for this skill
This skill has errors that need to be fixed before it can move to Implementation and Discovery review.
Vue 3 组合式函数最佳实践
为了避免在每个页面重复编写分页、Loading 和请求逻辑，我们推荐使用 Composables。
1. useTable (列表页神器)
封装了分页、加载状态、数据获取的通用逻辑。一行代码搞定所有表格逻辑。
使用方式：
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 规则判断是否需要加载
- Repository
- github.com/TencentBlueKing/bk-bcs
- Last updated
- Created
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.