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 有更好的支持
上一篇:快速在vue3.0 中创建vue文件(快捷键)


下一篇:3.x中集成Typescript 使用Typescript