【九月打卡】第14天 监听data变化的核心API是什么

• 课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack

• 课程章节： 监听data变化的核心API是什么

• 主讲老师：双越

课程内容：

今天学习的内容包括：

监听data变化的核心API是什么

课程收获：

监听data变化的核心API是什么

响应式原理

• 定义

响应式指的是组件 data 的数据一旦变化，立刻触发视图的更新。它是实现数据驱动视图的第一步。

• 监听 data 变化的核心 API

Vue 实现响应式的一个核心 API 是 Object.defineProperty。该方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。

const data = {}
const name = 'zhangsan'
Object.defineProperty(data, 'name', {
  get: function() { 
    console.log('get')
    return name
  },
  set: function(newVal) {
    console.log('set')
    name = newVal
  }
})


// 测试
console.log(data.name) // get zhangsan
data.name = 'lisi'     // set

今天学习课程共用了35分钟，重新了解了一下vue基本知识点，这是我不知道第多少次决心补习面试题，希望能够坚持下去。