vnodeToString函数把vnode转为string（innerhtml）

函数

function vnodeToString(vnode) {
  // 如果是文本节点，直接返回文本内容
  if (['string', 'boolean', 'undefined', 'null', 'number'].includes(typeof vnode)) {
    return vnode;
  }
  // 转换节点的属性为字符串形式
  const attrs = Object.keys(vnode.attrs || {})
      .map((key) => `${key}="${vnode.attrs[key]}"`)
      .join(' ');
  // 转换子节点为字符串形式
  const children = (vnode.children || [])
      .map(vnodeToString)
      .join('');
  // 返回包含标签名、属性和子节点的字符串形式
  return `<${vnode.tag} ${attrs}>${children}`;
}

因为业务中需要低代码配置表格，配置文件就用的vnode格式

vue中封装渲染

使用案例