Vue Best Practices
作者 vuejs-aic9d355ff23f6MIT2.8K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫4 個月前更新
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| references/animation-class-based-technique.md | 4.9 KB | text/markdown |
| references/animation-state-driven-technique.md | 5.7 KB | text/markdown |
| references/component-async.md | 2.5 KB | text/markdown |
| references/component-data-flow.md | 6.8 KB | text/markdown |
| references/component-fallthrough-attrs.md | 4 KB | text/markdown |
| references/component-keep-alive.md | 3.4 KB | text/markdown |
| references/component-slots.md | 4.4 KB | text/markdown |
| references/component-suspense.md | 5.2 KB | text/markdown |
| references/component-teleport.md | 2.9 KB | text/markdown |
| references/component-transition-group.md | 2.9 KB | text/markdown |
| references/component-transition.md | 2.7 KB | text/markdown |
| references/composables.md | 6.8 KB | text/markdown |
| references/directives.md | 3.7 KB | text/markdown |
| references/perf-avoid-component-abstraction-in-lists.md | 4.6 KB | text/markdown |
| references/perf-virtualize-large-lists.md | 4.9 KB | text/markdown |
| references/perf-v-once-v-memo-directives.md | 4.7 KB | text/markdown |
| references/plugins.md | 3.8 KB | text/markdown |
| references/reactivity.md | 8.3 KB | text/markdown |
| references/render-functions.md | 3.8 KB | text/markdown |
| references/sfc.md | 6.1 KB | text/markdown |
| references/state-management.md | 3.3 KB | text/markdown |
| references/updated-hook-performance.md | 4.5 KB | text/markdown |
| SKILL.md | 8.6 KB | text/markdown |
來源與署名
來源：vuejs-ai/skills位於skills/vue-best-practices提交c9d355f
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 vuejs-ai/skills 的技能
Vue Router Best Practices
vuejs-ai
關於 Vue Router 4 導覽守衛、路由參數與路由元件生命週期常見問題的參考指引。
Vue Pinia Best Practices
vuejs-ai
關於 Vue Pinia 儲存設定、響應式陷阱與狀態管理模式的參考指南。
Vue Options Api Best Practices
vuejs-ai
關於 Vue 3 選項式 API 風格、TypeScript 型別與常見陷阱的參考指南。
Vue Jsx Best Practices
vuejs-ai
關於 Vue JSX 語法及其與 React JSX 差異的指引。
Create Adaptable Composable
vuejs-ai
指導建立可接受一般值、ref 或 getter 輸入的可重用 Vue 組合式函式。
更多Software Development技能
Playground
anthropics
建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。
M5 Onboard
anthropics
透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。
Cardputer Buddy
anthropics
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。
Web Design Guidelines
vercel-labs
依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。
Vercel React Native Skills
vercel-labs
React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。
Vercel React Best Practices
vercel-labs
Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。