vue3 配合 jsx

• 安装babel

 yarn add @vue/babel-plugin-jsx

github.com/vuejs/jsx-n…

• 配置 babel.config.js

{
  "plugins": ["@vue/babel-plugin-jsx"]
}

• 导出jsx组件

import { defineComponent, ref } from 'vue'

export default defineComponent({
  setup () {
    const n = ref('1')
    return () => {
      return (
        <div>
          {n.value + 1}
        </div>
      )
    }
  }
})