vue3 tsx render用法

1. tsx两种使用方式

   import { defineComponent } from "vue";
   
   export default defineComponent({
       setup() {
           return () => (
               <div></div>
           )
       }
   })

   import { defineComponent } from "vue";
   
   export default defineComponent(() => {
       return () => (
           <div></div>
       )
   })

    

2. render使用方式 ts文件

   import { defineComponent, h, VNode } from "vue";
   
   export default defineComponent({
     props: {
       msg: String
     },
     render():VNode {
       return h("div", {}, this.msg)
     }
   })

    

3. 使用defineComponent是对typescript 有更好的支持

标签：vue,return,render,export,tsx,vue3,import,defineComponent
来源： https://www.cnblogs.com/MyCode1990/p/14994731.html