SuperAPI AI 工具集

vue

前端与建站

查看项目

更新于 10-16 07:25

技能介绍

用途:该技能面向 Vue 3.5 的组件开发,指导使用 Composition API 编写单文件组件(SFC),覆盖 script setup 宏、响应式系统与内置组件等主题。

主要能力:核心部分包括 Script Setup 与宏(script setup、defineProps、defineEmits、defineModel、defineExpose、defineOptions、defineSlots、泛型)以及响应式与生命周期(ref、shallowRef、computed、watch、watchEffect、effectScope、生命周期钩子、组合式函数)。功能部分涵盖内置组件与指令(Transition、Teleport、Suspense、KeepAlive、v-memo、自定义指令)。

偏好约定:优先 TypeScript 而非 JavaScript;优先 script setup lang="ts" 而非普通 script;若不需要深层响应式,优先 shallowRef 而非 ref;始终使用 Composition API 而非 Options API;不鼓励使用响应式 props 解构。

使用方式:按文档给出的组件模板组织代码,从 vue 导入响应式、侦听器、生命周期与工具函数,例如 ref、shallowRef、computed、reactive、readonly、toRef、toRefs、toValue、watch、watchEffect、watchPostEffect、onWatcherCleanup、onMounted、onUpdated、onUnmounted、onBeforeMount、onBeforeUpdate、onBeforeUnmount、nextTick、defineComponent、defineAsyncComponent。

适用场景:编写 Vue 单文件组件、定义 props/emits/model、处理响应式与生命周期逻辑、使用内置组件与自定义指令时参考。

限制:资料基于 Vue 3.5,生成于 2026-09-25;未提供安装命令、收费、平台支持或效果数据,这些内容暂未提供。