【九月打卡】第一天 + Vue面试考点

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

课程章节：Vue3.0

主讲老师：双越老师

课程内容：

今天学习内容包括：

1. watch，watchEffect 监听

2. 在 setup 中如何获取组件实例

3. PatchFlag
   

课程收获：

watch 和 watchEffect 的区别

• 两者都可监听 data 属性变化

• watch 需要明确监听哪个属性

• watchEffect 会根据其中的属性，自动监听其变化

watch 监听

• 第一个参数是要监听的属性

• 第二个参数是新旧值

• 第三个参数是初始化之前就监听（可选参数）

watchEffect 监听

• 自动监听变化，不需要指定

• 初始化时，一定会执行一次（收集要监听的数据）
  

在 setup 中如何获取组件实例

• 在 setup 和其他 Composition API 中没有 this

• 可通过 getCurrentInstance 获取当前实例

• 若使用 Options API 可照常使用 this

PatchFlag

• 编译模板时，动态节点做标记

• 标记，分为不同的类型，如 TEXT PROPS

• diff 算法时，可以区分静态节点，以及不同类型的动态节点

课程学习截图：