vue3 render 写法

在Vue 3中，可以使用createApp函数创建一个应用程序实例，并使用render函数来定义组件的渲染方式。

以下是一个Vue 3中使用render函数的示例：

import { createApp, h } from 'vue';

const app = createApp({
  data() {
    return {
      message: 'Hello, Vue 3!'
    };
  },
  render() {
    return h('div', this.message);
  }
});

app.mount('#app');

在上面的示例中，createApp函数用于创建一个Vue应用程序实例。然后，在应用程序实例中定义了一个render函数，该函数使用h函数创建一个div元素，并将this.message作为内容。最后，使用app.mount将应用程序挂载到id为app的元素上。

注意，h函数是Vue 3中用于创建虚拟DOM元素的函数。它接收三个参数：要创建的元素类型、元素的属性对象、以及元素的子元素。在上面的示例中，我们只传递了一个参数，即要创建的元素类型，而将元素的内容作为实例的数据来处理