vue3中怎么创建 createElement 函数
时间: 2023-05-23 15:04:30 浏览: 719
在Vue3中,可以通过引入createVNode函数来创建虚拟节点,类似于createElement函数的作用。
示例代码:
```
import { createVNode } from 'vue';
const vnode = createVNode('div', { class: 'container' }, 'Hello World');
```
这将创建一个虚拟节点,其类型为div,具有class属性的值为“container”,并具有文本内容“Hello World”。
如果需要创建一个具有子节点的虚拟节点,可以像下面这样使用createVNode函数:
```
import { createVNode, createTextVNode } from 'vue';
const vnode = createVNode('div', { class: 'container' }, [
createVNode('h1', null, 'Title'),
createTextVNode('This is a paragraph')
]);
```
这将创建一个包含一个标题和一个段落的div元素的虚拟节点。
可以将vnode传递给h函数,以将其渲染为真实的DOM元素。
示例代码:
```
import { createApp } from 'vue';
const app = createApp({
render() {
return vnode;
}
});
app.mount('#app');
```
这将将vnode渲染为id为“app”的DOM元素的子元素。