---
name: vue-jsx-best-practices
description: "JSX syntax in Vue (e.g., class vs className, JSX plugin config)."
license: "MIT"
metadata:
  decimalai-skill-id: "5597521b-3e2a-4ef4-bba5-9dcd5cef0275"
  decimalai-version-id: "ba21ce33-dbd5-4b87-9892-7e178566e5f2"
  decimalai-version: "1"
  decimalai-body-sha256: "c252e1f102d41770935d18d9197e968103d676cec505dae935f03c128b53806f"
  decimalai-name: "vue-jsx-best-practices"
  decimalai-format: "1"
  decimalai-invocation: "model"
  decimalai-category: "frontend"
  decimalai-source: "https://app.decimal.ai/s/vue-jsx-best-practices@1/SKILL.md"
---
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](reference/render-function-jsx-vue-vs-react.md)