Vue JSX best practices and differences from React JSX.
JSX
- Migrating React JSX code to Vue or getting attribute type errors → See render-function-jsx-vue-vs-react [blocked]
Vue Jsx Best Practices
作者 vuejs-aic9d355ff23f6MIT收錄於 2026年10月8日更新於 2026年10月8日
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
AI 產生的概覽
關於 Vue JSX 語法及其與 React JSX 差異的指引。
- 功能
- 此技能提供在 Vue 中撰寫 JSX 的最佳實務，著重說明與 React JSX 的差異，例如 class 與 className 等屬性命名以及 JSX 外掛設定。它會指向一份涵蓋渲染函式以及 Vue 與 React JSX 比較的參考文件。它產出的是指引內容，而非程式碼或檔案。
- 適用情境
- 當需要將 React JSX 程式碼移轉到 Vue，或在 Vue JSX 中遇到屬性型別錯誤時使用。為 Vue 專案設定 JSX 外掛時也適用。
- 執行需求
- 不需要任何工具、套件或認證；僅為說明性內容，不附帶指令碼。它引用一份隨附的 Markdown 參考文件。
來源與署名
來源：vuejs-ai/skills位於skills/vue-jsx-best-practices提交c9d355f
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 vuejs-ai/skills 的技能
Vue Router Best Practices
vuejs-ai
關於 Vue Router 4 導覽守衛、路由參數與路由元件生命週期常見問題的參考指引。
Software Development2026年10月8日
Vue Pinia Best Practices
vuejs-ai
關於 Vue Pinia 儲存設定、響應式陷阱與狀態管理模式的參考指南。
Software Development2026年10月8日
Vue Options Api Best Practices
vuejs-ai
關於 Vue 3 選項式 API 風格、TypeScript 型別與常見陷阱的參考指南。
Software Development2026年10月8日
Vue Best Practices
vuejs-ai
以組合式 API、script setup 與 TypeScript 指導 Vue 3 開發，並附最佳實務參考。
Software Development2026年10月8日
Create Adaptable Composable
vuejs-ai
指導建立可接受一般值、ref 或 getter 輸入的可重用 Vue 組合式函式。
Software Development2026年10月8日
更多Software Development技能
Playground
anthropics
精選
建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。
Software Development37K今天更新
M5 Onboard
anthropics
精選
透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。
Software Development37K今天更新
Cardputer Buddy
anthropics
精選
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。
Software Development37K今天更新
Testing Strategy
anthropics
精選
設計測試策略與測試計畫，涵蓋測試類型、覆蓋率目標與範例測試案例。
Software Development27K今天更新
Tech Debt
anthropics
精選
辨識、分類並排序技術債，產出評分後的待辦清單與分階段改善計畫。
Software Development27K今天更新
System Design
anthropics
精選
透過需求、高階設計、深入設計、擴充與取捨分析來指導系統與架構設計。
Software Development27K今天更新