Vue中渲染函数为啥叫h() ？

h() 是 hyperscript 的简称——意思是“能生成 HTML (超文本标记语言) 的 JavaScript”。

• 这个名字来源于许多虚拟 DOM 实现默认形成的约定。
• 一个更准确的名称应该是 createVnode()，但当你需要多次使用渲染函数时，一个简短的名字会更省力。

Hyperscript是一种JavaScript库，它允许您使用类似HTML的语法在JavaScript中编写虚拟DOM节点。Vue的渲染函数h()与Hyperscript的灵感相似，因为它允许您使用类似HTML的语法来创建虚拟DOM节点。因此，在Vue中，h()函数被用来创建虚拟节点，并返回这个节点的JavaScript对象描述。

---

用法如下：

h函数的完整名称是createElement，它接收三个参数：

1. 第一个参数是要创建的元素的标签名称或组件选项对象。
2. 第二个参数是可选的，用于设置该元素或组件的属性（例如class、style等）。
3. 第三个参数是可选的，用于设置该元素或组件的子元素。

以下是一个使用h函数创建虚拟节点的示例：

h('div', { class: 'container' }, [
  h('h1', { class: 'title' }, 'Hello, world!'),
  h('p', 'This is a paragraph.')
])

在上面的示例中，h函数创建了一个div元素，并将其作为根节点，该元素具有一个class属性为container。
此外，它还创建了两个子元素：一个h1元素和一个p元素，它们分别具有class属性和文本内容。