1、安装插件
|
1 |
npm i -D @vue/babel-plugin-jsx |
2、在babel.config.js 内配置插件
|
1 2 3 4 5 6 7 8 |
module.exports = { // 这是原来的预设，cli 搭建项目就有的 presets: [ '@vue/cli-plugin-babel/preset' ], // 需要配置的插件 plugins: ['@vue/babel-plugin-jsx'] } |
3、使用示例
|
1 2 3 4 5 6 7 8 9 |
import { defineComponent, ref } from 'vue' export default defineComponent({ setup() { const root = ref(null) return () => <div ref={root}>Hello jsx</div> } }) |
