vue3 - 23.h函数 / 函数式编程

vue3 支持 template 语法,和 JSX / TSX 语法,同样也支持 函数式编程

函数式编程会用到h函数,h函数接收三个参数,分别是:

h("
    1.type 元素类型,
    2.propsOrChildren 数据对象,比如props,attrs,dom props,class 和 style,
    2.children 子节点
")

h函数底层调用的是 createVNode


h函数拥有多种组合方式:


案例1:通过 h函数 封装button,并且 props传参



案例2:通过插槽实现button



你可能感兴趣的:(vue.js,typescript,前端)