vue的h函数和render函数终究还是被我用到了

刚知道这哥俩的时候，心想就算是打死我，我也不会用它，这么麻烦，这不马上啪啪大打脸了，还是被我给用到了。 事情是这样，最近做的ai问答项目，有个溯源的需求点，需要动态的渲染dom元素，试了很多方法效果都不太好，然后就豆包提示我可以用h函数和render函数，嘿，不用不知道，一用还真行，下面详细说下这哥俩的打开方式

1、什么是虚拟dom？

想必各位大佬在面试过程中，肯定被问到过这个问题吧？你一般怎么回答的评论区告诉我。 h函数就是用来创建虚拟dom的，它可以用对象的形式来构建dom结构

2、h函数的用法

   参数1: type 就是元素的类型
   参数2: props 元素的类名，事件绑定，style等等，都可以在参数2这个位置写
   参数3: 子元素： 可以是字符串，也可以是数组
   const vnode = h(
    'div',    // 元素的类型
    {
      class: 'container-item',
      onClick: () => {
        console.log('点击了dom元素');
      },
    },
    // 'hahhaa'  // 字符串字节点
   list.map(item=>{   // 数组
    return h('div',{},item.text)
   })
  );

3、render函数的用法

   
   render(vnode, document.querySelector('.container'));