- tsx两种使用方式
import { defineComponent } from "vue"; export default defineComponent({ setup() { return () => ( <div></div> ) } })
import { defineComponent } from "vue"; export default defineComponent(() => { return () => ( <div></div> ) })
- render使用方式 ts文件
import { defineComponent, h, VNode } from "vue"; export default defineComponent({ props: { msg: String }, render():VNode { return h("div", {}, this.msg) } })
-
使用defineComponent是对typescript 有更好的支持
相关文章
- 01-29vue3的ref用法
- 01-29熬夜讲解vue3组合API中setup、 ref、reactive的用法
- 01-29vue3 tsx render用法
- 01-29vue+iview-ui 的render函数的样式及结合使用a标签的用法
- 01-29vue2和vue3的基础用法对比第三篇
- 01-29django HttpResponse render redirect用法
- 01-29vue2和vue3的基础用法对比第二篇
- 01-29vue2中插槽的讲解—详细,vue3中插槽的用法延续了vue2.6.0以后的用法,vue插槽用法详解
- 01-29vue3组件中使用render函数
- 01-29vue3中使用render函数