解答-4

Composition API 如何实现代码逻辑复用

参考 demo MousePosition 目录

Vue3.0 如何实现响应式？

Proxy 实现，现有视频

watch 和 watchEffect 的区别

• 两者都可以监听 data 变化
• watch 需要手动确认监听哪个属性
• watchEffect 会根据其中的属性，自动监听其变化

代码参考 demo WatchEffect.vue Reactive.vue Ref.vue

setup 中如何获取组件实例？

该问题主要针对 this

• 若使用 setup 和组合式 API 时，没有 this
• 使用 getCurrentInstance 获取当前组件实例 —— 不过，使用组合式 API 一般也无需获取组件实例
• 若使用 Options API 的语法，照常有 this

这一点和 react 一样。class 组件有 this ，Hooks 函数组件没有 this 。

代码参考 GetInstance.vue