认识

2024年03月15日

柏拉文

越努力，越幸运

一、认识

---

二、语法

---

import { defineComponent } from "vue";

export default defineComponent({
    name: 'MyComponent',
    props: {},
    setup(props,ctx){
        return ()=>{
            return <div>Vue.js 3.0 JSX 最佳实践</div>
        }
    }
});

三、配置

---

3.1 tsconfig.json

{
  "compilerOptions": {
    "jsx": "preserve",
    "jsxFactory": "h",
    "jsxFragmentFactory": "Fragment",
  }
}

3.2 vite.config.ts

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';

export default defineConfig({
  plugins: [vue(), vueJsx({})],
});