vue h()

作者：ˉ吻干迩的'泪发布日期:2025-03-03 浏览:107

// 使用 h() 函数创建 VNode
import { h, createApp } from 'vue';

const app = createApp({
  setup() {
    // 创建一个简单的 div 元素，包含一段文本
    return () => h('div', { class: 'example' }, 'Hello Vue 3!')
  }
})

app.mount('#app');

解释说明：

h() 是 Vue 3 中用于创建虚拟 DOM 节点（VNode）的函数。它替代了 Vue 2 中的 render 函数。
h(tag, props, children) 的参数分别是：标签名、属性对象和子节点内容。
在这个例子中，我们使用 h() 创建了一个 div 元素，并给它添加了一个类名为 example，以及一段文本内容 "Hello Vue 3!"。
最后，通过 createApp 创建应用实例，并将其挂载到 DOM 中的 #app 元素上。

上一篇：vue created mounted

下一篇：vue 文本编辑器