（一）virtual DOM 和 响应基础：proxy

// 这个就是virtual dom
h('a', {href: 'some url'}, '链接')

let obj = {
    a: 1, 
    b: 2
}

// 创建 proxy 代理，第一个参数：需要代理的对象，第二个参数：接收一个对象在里面定义需要拦截的操作方法
let objProxy = new Proxy(obj, {
    get(target, key, receiver) {
        console.log(`访问了${target} 中的 ${key}, 值为 ${target[key]}`)

        // 把对应的操作返回元对象
        return Reflect.get(target, key, receiver)
    },
    set(target, key, value, receiver) {
        console.log(`修改了 ${target} 中的 ${key} 值为 ${value}`)

        // 把修改过后的值 返回给原对象
        return Reflect.set(target, key, value, receiver)
    }
})