vue

仓库创建 2026年1月28日最近提交 1 个月前SkillHot 收录 20 天前

▸ 精选理由

Vue 项目开发必备规范，适合现代前端应用

这个 Skill 做什么

Vue 3 框架核心指南，偏好 Composition API、script setup 与 TypeScript。

写 Vue 3 单文件组件时推荐用 Composition API 和 <script setup lang="ts">，优先使用 TypeScript 与组合式写法来组织逻辑。在开发组件、定义 props/emit、管理响应式或做性能优化时用这套规范。特点是偏好现代语法、建议用 shallowRef 避免不必要的深响应，并以明确约定减少 bug、提高可维护性。

▸ 展开 SKILL.md 英文原文

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

开发编程Vue 3Composition API前端框架通用

5.7k

Stars

314

Forks

仓库内 Skill

+173

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/antfu/skills/main/skills/vue/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/antfu/skills/main/skills/vue/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Vue

> Based on Vue 3.5. Always use Composition API with `<script setup lang="ts">`.

## Preferences

- Prefer TypeScript over JavaScript
- Prefer `<script setup lang="ts">` over `<script>`
- For performance, prefer `shallowRef` over `ref` if deep reactivity is not needed
- Always use Composition API over Options API
- Discourage using Reactive Props Destructure

## Core

| Topic | Description | Reference |
|-------|-------------|-----------|
| Script Setup & Macros | `<script setup>`, defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots, generics | [script-setup-macros](references/script-setup-macros.md) |
| Reactivity & Lifecycle | ref, shallowRef, computed, wa

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有