用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill vue-3-composables命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| id | eng-vue-composables |
| name | Vue 3 组合式函数最佳实践 (Composables) |
| category | engineering |
| description | 提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。 |
| tags | ["vue3","composables","hooks","useTable"] |
| updated_at | 2026-01-09T00:00:00.000Z |
为了避免在每个页面重复编写分页、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 规则判断是否需要加载