使用 Proxy 实现响应式数据绑定

使用 Proxy 实现响应式数据绑定

const state = new Proxy(
  { count: 0 },
  {
    set(target, key, value) {
      target[key] = value;
      console.log(`state.${key} = ${value}`);
      document.querySelector('#count').textContent = value;
      return true;
    },
  }
);

document.querySelector('#inc').onclick = () => state.count++;

示例：