简介
众所周知,vue内部构建的其实是虚拟dom,而虚拟dom是由虚拟节点生成的,实质上虚拟节点也就是一个js对象
事实上,我们在vue中写的template,最终也是经过渲染函数生成对应的VNode
而h函数就是用来生成VNode的一个函数,他的全名叫做createVNode
简单使用
参数
他一共跟三个参数

立即学习“前端免费学习笔记(深入)”;
第一个参数
是一个字符串,他是必须的
这个字符串可以是 html标签名,一个组件、一个异步的组件或者是函数组件
第二个参数
是一个对象,可选的
与attribute、prop和事件相对应的对象
第三个参数
可以是字符串、数组或者是一个对象
他是VNodes,使用h函数来进行创建
盛世企业网站管理系统1.1.2下载免费 盛世企业网站管理系统(SnSee)系统完全免费使用,无任何功能模块使用限制,在使用过程中如遇到相关问题可以去官方论坛参与讨论。开源 系统Web代码完全开源,在您使用过程中可以根据自已实际情况加以调整或修改,完全可以满足您的需求。强大且灵活 独创的多语言功能,可以直接在后台自由设定语言版本,其语言版本不限数量,可根据自已需要进行任意设置;系统各模块可在后台自由设置及开启;强大且适用的后台管理支
使用
渲染效果如下

当然我们还可以使用rener函数进行渲染
计数器
渲染如下

进阶使用
函数组件
我们先写一个组件HelloWorld.vue
{{ param }}
然后,我们在h函数中引入这个组件,他就会被渲染

插槽
h函数同样支持插槽,我们把HelloWorld组件改成一个插槽组件
HelloWorld.vue
{{ param }}
index.ts
最终渲染如下









