尚硅谷Vue2.0+Vue3.0全套教程 (opens new window) 直接看Vue3 部分

区别

1. 重构了响应式的实现

Vue3学习笔记

watch

1. 监听 reactive 定义的响应式数据时：无法获得正确oldvalue，并强制开启深度监听（deep 配置无效）

2. 监听 reactive 定义的响应式数据中的某个属性时：deep 配置有效

开发中一般直接监听 reactive 定义的响应式数据，如果特殊情况需要 oldvalue 单独定义到 ref 中去

watchEffect 有点像 computed

1. computed 注重结果 必须写返回值。
2. watchEffect 更注重过程 不需要写返回值。