vue的h函数是什么怎么用

Vue.js 中的 h 函数是用来创建虚拟 DOM 的函数，它的全称是 Hyperscript。虚拟 DOM 是一种轻量级的 DOM 表示形式，用 JavaScript 对象来描述 DOM 结构。

h 函数的使用方式如下：

h(tag, [props], [...children])

其中，tag 表示元素的标签名，props 表示元素的属性，children 表示元素的子元素。props 和 children 参数都是可选的。

以下是一个示例：

import Vue from 'vue';

const vnode = h('div', { class: 'container' }, [
  h('h1', {}, 'Hello World!'),
  h('p', {}, 'This is a Vue.js app.')
]);

new Vue({
  el: '#app',
  render: function (h) { return vnode; }
});

在上述示例中，我们使用 h 函数创建了一个 div 元素，它包含一个 h1 元素和一个 p 元素。然后，我们将这个虚拟 DOM 渲染到页面上。

当我们使用 Vue.js 的模板语法时，Vue.js 会自动调用 h 函数来创建虚拟 DOM。因此，我们通常不需要手动调用 h 函数。