name: vue最佳实践 description: 适用于TypeScript、vue-tsc和Volar的Vue 3和Vue.js最佳实践。该技能应用于编写、审查或重构Vue组件时，以确保正确的类型模式。触发条件涉及Vue组件、props提取、包装组件、模板类型检查或Volar配置的任务。 license: MIT metadata: author: hyf0 version: “8.0.0”
能力规则
| 规则 | 关键词 | 描述 |
|---|---|---|
| 提取组件props | 获取props类型，包装组件，扩展props，继承props，ComponentProps | 从.vue组件中提取类型 |
| vue-tsc严格模板 | 未定义组件，模板错误，strictTemplates | 捕获模板中未定义的组件 |
| 透传属性 | 透传，$attrs，包装组件 | 对透传属性进行类型检查 |
| 严格CSS模块 | css模块，$style，拼写错误 | 捕获CSS模块类名的拼写错误 |
| data-属性配置 | data-*，strictTemplates，属性 | 允许data-*属性 |
| volar-3重大变更 | volar，vue-language-server，编辑器 | 修复Volar 3.0升级问题 |
| 模块解析打包器 | 找不到模块，@vue/tsconfig，moduleResolution | 修复模块解析错误 |
| defineModel更新事件 | defineModel，更新事件，未定义 | 修复模型更新错误 |
| withDefaults联合类型 | withDefaults，联合类型，默认值 | 修复联合类型默认值 |
| 深度监听数值 | watch，deep，数组，Vue 3.5 | 高效数组监听 |
| Vue指令注释 | @vue-ignore，@vue-skip，模板 | 控制模板类型检查 |
| vue-router类型化参数 | 路由参数，类型化路由器，unplugin | 修复路由参数类型化 |
效率规则
| 规则 | 关键词 | 描述 |
|---|---|---|
| hmr-vue-ssr | hmr，ssr，热重载 | 修复SSR应用中的HMR |
| pinia-store-mocking | pinia，模拟，vitest，store | 模拟Pinia存储 |