vue里的render函数

Vue 3 的 `render` 函数是构建自定义组件的核心部分，它允许开发者完全控制组件的渲染过程。这个函数接收一个名为 `h`（通常从 `Vue.h` 或 `createElement` 衍生而来）的函数作为参数。`render` 函数的主要作用是在运行时动态创建和返回虚拟 DOM。

下面是一个简单的例子[^1]，展示了如何使用 `render` 函数：

// 在组件内部
export default {
  render: (h) => {
    // 使用h函数创建元素及其属性
    return h('div', { class: 'container' }, 'Hello, World!'); // 返回一个 <div> 元素，带有 'container' 类并显示文本 'Hello, World!'
  }
}

在这个例子中，`h` 函数用于创建一个 `<div>` 元素，并传递一个对象来设置其类（class property）。`'Hello, World!'` 是要插入到 `<div>` 内部的文本内容。