---
id: ssh2-vue-jsx-best-practices
name: "vue-jsx-best-practices"
url: https://skills.yangsir.net/skill/ssh2-vue-jsx-best-practices
author: vuejs-ai
domain: ai-frontend-engineering
tags: ["vue.js-jsx", "render-functions", "component-development", "frontend-architecture", "vue-3"]
install_count: 5100
rating: 4.40 (35 reviews)
github: https://github.com/vuejs-ai/skills
---

# vue-jsx-best-practices

> 探讨Vue中使用JSX语法的最佳实践，包括`class`与`className`的区别，以及JSX插件的配置方法。

**Stats**: 5,100 installs · 4.4/5 (35 reviews)

## Before / After 对比

### Vue JSX最佳实践：提升组件开发效率与代码可读性

## Readme

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)


---
*Source: https://skills.yangsir.net/skill/ssh2-vue-jsx-best-practices*
*Markdown mirror: https://skills.yangsir.net/api/skill/ssh2-vue-jsx-best-practices/markdown*