用途：为 Vue 3 开发提供现代前端模式参考，覆盖组件编写、状态管理与性能优化。触发场景包括构建 Composition API 组件（props、emits）、使用 Pinia 管理状态、编写 composables、实现数据获取模式、优化性能、处理表单校验，以及用 provide/inject 跨层传递状态。
主要能力：defineProps/defineEmits 强类型声明，withDefaults 设默认值；ref、computed、watch、onMounted 等 Composition API 结构；provide/inject 跨组件传值；数据获取与防抖 composables；Pinia 的 setup 式 defineStore（state、getter、action）；computed 缓存、v-memo、defineAsyncComponent 懒加载等优化手段；手写表单校验，若项目引入 Zod（需 TypeScript）可用 schema.safeParse() 替代。
使用方式：按资料中的模式编写代码，保留原始写法，例如 defineProps<Props>()、defineEmits<{ select: [id: string]; close: [] }>()、defineStore('user', () => {...})、defineAsyncComponent(() => import('./HeavyChart.vue'))。
反模式：不要直接修改 props，应 emit 交父层处理；不要在同一元素混用 v-for 与 v-if，应用 computed 过滤；不要遗漏 .value。
限制：仅针对 Vue 3 与 Composition API；示例多为 TypeScript，Zod 方案需 TypeScript 支持；命名、定价与平台支持等信息暂未提供。