SuperAPI AI 工具集

vue

前端与建站

查看项目

更新于 10-16 14:37

技能介绍

用途:面向 Vue 3.5 的编码参考,帮助编写 Vue 单文件组件(SFC),覆盖 Composition API、script setup 宏、响应式系统与内置组件。资料生成于 2026-09-25。

主要能力与偏好:始终使用 Composition API 而非 Options API;优先 TypeScript 而非 JavaScript;优先 <script setup lang="ts">;在不需要深层响应式时优先 shallowRef 而非 ref;不建议使用 Reactive Props Destructure。

覆盖主题:一为 Script Setup 与宏,包括 <script setup>、defineProps、defineEmits、defineModel、defineExpose、defineOptions、defineSlots 及泛型;二为响应式与生命周期,包括 ref、shallowRef、computed、watch、watchEffect、effectScope、生命周期钩子与组合式函数;三为内置组件与指令,包括 Transition、Teleport、Suspense、KeepAlive、v-memo 与自定义指令。

用法要点:组件模板示例采用 <script setup lang="ts">,从 vue 导入 ref、computed、watch、onMounted,使用 defineProps 声明 title 与可选 count,使用 defineEmits 声明带类型载荷的 update 事件,使用 defineModel<string>(),以 computed 计算 doubled,用 watch 监听 props.title,并在 onMounted 中执行逻辑。常用导入包括响应式的 ref、shallowRef、computed、reactive、readonly、toRef、toRefs、toValue;监听器的 watch、watchEffect、watchPostEffect、onWatcherCleanup;生命周期的 onMounted、onUpdated、onUnmounted、onBeforeMount、onBeforeUpdate、onBeforeUnmount;工具类的 nextTick、defineComponent、defineAsyncComponent。

适用场景:编写与维护 Vue 3 SFC、使用组合式 API 组织逻辑、按上述偏好进行类型化开发时参考。

限制:资料仅涉及上述主题与版本偏好,未提供具体项目配置、构建工具、测试或部署说明;未提及任何收费、价格或平台信息。