1、大致思路
获取#app根节点,创建VNode类用于创建虚拟DOM,创建vDom函数,用于生成虚拟DOM对象。根据元素的 nodeType 判断类型,对真实DOM的参数进行处理创建虚拟DOM。对每个元素的 childNodes 进行遍历,递归的进行 vDom 的创建。
2、代码实现
class Vue {
constructor(option) {
this.obj = document.querySelector(option.el)
let AST = vDom(this.obj)
console.log(AST)
}
}
class VNode {
constructor(option) {
Object