vue-diff算法-手写-生成虚拟dom

1. 搭建环境

因为手写不安装snabbdom了。工程文件请看diff文件夹

npm init -y  //初始化
npm install webpack@5 webpack-cli@3 webpack-dev-server@3 -S

2. index.js

虚拟dom文件

2.1 分析

在snabbdom中使用h函数来生成虚拟dom

生成的js对象
let vnode =  h("div",{},"你好吖");
console.log(vNode);
{
children : undefined,
data : {},
elm:undefined,
key:undefined,
sel:"div",
text:"你好吖"
}

h函数第三个参数不确定，可能是字符串，可能是数组