Object.defineProperty(Vue2的响应式原理)

代码案例

let data = {};
let name = "小林";

Object.defineProperty(data, "name", {
  get() {
    console.log("获取data.name时调用了get方法");
    return name;
  },
  //   这里接受一个参数,新赋值的值
  set(newValue) {
    // 这里就可以写重新渲染的代码
    console.log(`设置data.name为${newValue}时调用了set方法`);
  },
});

// console.log(data.name);
data.name = "小谢";