vue3 vNode 怎么手动转换真实 dom

[remloyal]

在vue2 中,通过jsx 创建的节点，可以通过Vue.extend继承，而后使用 $mount() 进行节点实例化

import Vue from 'vue'
import MarkerNode from "./icon-marker-node.jsx";
const MarkerNodeConstructor = Vue.extend(MarkerNode)

//使用时
let node = new MarkerNodeConstructor()
node.$mount()
console.log(node.$el) // template 编译之后的内容

具体表现为 $el ，可以获取到真实节点

而在vue3 中的vnode 必须经过编译

请问如何手动进行 vnode 节点的实例化，从而获取到真实dom

[zhangzhonghe]

You can try the following code:

import { render, h } from 'vue'

const vnode = h('div')
render(vnode, container)