用途:该技能面向 Vue 3.5,用于编写 Vue 单文件组件(SFC)时提供约定与速查参考,核心是 Composition API 与 <script setup lang="ts">。
主要能力:涵盖两类内容。核心部分包括 Script Setup 与宏(<script setup>、defineProps、defineEmits、defineModel、defineExpose、defineOptions、defineSlots、generics)以及响应式与生命周期(ref、shallowRef、computed、watch、watchEffect、effectScope、生命周期钩子、composables)。特性部分包括内置组件与指令(Transition、Teleport、Suspense、KeepAlive、v-memo、自定义指令)。
使用偏好:优先 TypeScript 而非 JavaScript;优先 <script setup lang="ts"> 而非 <script>;若不需要深层响应式,出于性能考虑优先 shallowRef 而非 ref;始终使用 Composition API 而非 Options API;不建议使用 Reactive Props Destructure。
关键导入:响应式可引入 ref、shallowRef、computed、reactive、readonly、toRef、toRefs、toValue;侦听器可引入 watch、watchEffect、watchPostEffect、onWatcherCleanup;生命周期可引入 onMounted、onUpdated、onUnmounted、onBeforeMount、onBeforeUpdate、onBeforeUnmount;工具可引入 nextTick、defineComponent、defineAsyncComponent。
适用场景:编写 Vue SFC、使用 defineProps/defineEmits/defineModel 等宏、处理响应式状态与生命周期逻辑时参考。
限制:资料未提供安装命令、版本兼容细节、完整 API 说明或授权与收费信息,具体以 Vue 官方文档为准。