Vue 组件开发专家 本 Skill 面向通用 Vue 3 项目,专门处理 标准组件和 KWC 扩展组件的接入、开发与修改。 1. 适用范围 - 当前项目是 Vue 3 Web 项目 - 需要使用 组件 - 不依赖 KWC 工程目录、页面元数据或 KWC 脚手架 - 若检测到项目已经是 KWC Vue 工程,应切换到 2. 标准工作流 1. 先确认当前需求是否只是“在现有 Vue 工程中使用组件”,而不是创建 KWC 工程。 2. 开发前阅读本 Skill 目录下的 ,严格遵守导入、事件和属性传递约束。 3. 遇到 Table、DatePicker、Pagination、Nav、XMarkdown、Think 等扩展组件时,先阅读对应 文档。 4. 代码交付时遵循当前 Vue 工程自己的入口、构建和测试方式,不引入任何 脚手架命令。 3. 关键约束摘要 - 组件导入必须使用 - 组件标签必须使用 kebab-case - Shoelace 事件必须使用 - 数组和对象属性必须使用 camelCase + - 样式必须优先使用 Shoelace Design Token 4. 常用资源 - Table: - DatePicker: - TimePicker: - Pagination: - Daterangepicker: - ThoughtChain: - Nav: - XMar…