data-loader-vue3
✓指导用户正确安装和使用 DataLoader.vue 组件。当用户询问如何使用 data-loader-vue3，或者如何处理异步数据加载时使用。特别地，当用户输入 "/migrate loader" 时，根据指导完成重构；当用户输入 "/use loader" 时，提供基于 DataLoader 的实现方案。
Installation
SKILL.md
当用户输入 /migrate loader 或询问如何优化旧代码时，参考此部分。当遇到使用 watch、onMounted 或手动管理 loading 状态的传统代码时，应推荐重构为 DataLoader。
| 属性名 | 类型 | 必填 | 默认值 | 说明 |
| hash | Any | 是 | - | 数据版本标识，变化时触发重载 | | loadData | Function | 是 | - | 异步加载函数，需返回 Promise | | loadDataArgs | Any | 否 | undefined | 传给 loadData 的参数 | | filter | Function | 否 | undefined | 数据过滤器函数 | | loaded | Any | 否 | undefined | 外部控制的加载状态 | | reload | Function | 否 | undefined | 外部控制的重载函数 |
指导用户正确安装和使用 DataLoader.vue 组件。当用户询问如何使用 data-loader-vue3，或者如何处理异步数据加载时使用。特别地，当用户输入 "/migrate loader" 时，根据指导完成重构；当用户输入 "/use loader" 时，提供基于 DataLoader 的实现方案。 Source: lchrennew/data-loader-vue3.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/lchrennew/data-loader-vue3 --skill data-loader-vue3- Category
- {}Data Analysis
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is data-loader-vue3?
指导用户正确安装和使用 DataLoader.vue 组件。当用户询问如何使用 data-loader-vue3，或者如何处理异步数据加载时使用。特别地，当用户输入 "/migrate loader" 时，根据指导完成重构；当用户输入 "/use loader" 时，提供基于 DataLoader 的实现方案。 Source: lchrennew/data-loader-vue3.
How do I install data-loader-vue3?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/lchrennew/data-loader-vue3 --skill data-loader-vue3 Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/lchrennew/data-loader-vue3
Details
- Category
- {}Data Analysis
- Source
- skills.sh
- First Seen
- 2026-02-01