watch, watchEffect 清除副作用

Question

老师这节课讲的有点浅啊。
本身这个 watch， watchEffect 是有点乱的，情况比较多，还有点相似, 我对这块的使用方式是有点乱的，本想通过这节课梳理一下思路。

可以监听1个值，也可以监听多个值
可以写1个watch，也可以写多个watch
官网写道： watch的第二个参数是在发生变化时要调用的回调函数。这个回调函数接受三个参数：新值、旧值，以及一个用于注册副作用清理的回调函数。该回调函数会在副作用下一次重新执行前调用，可以用来清除无效的副作用，例如等待中的异步请求。

watchEffect 也是，第二个参数是一个可选的选项，可以用来调整副作用的刷新时机或调试副作用的依赖。

这个调用时机，和应用场景有点混乱，希望老师帮忙解答

Answer 1

双越 2023-05-17 08:04:40

我觉得这不是我们理解的问题，这是 Vue 的问题。

它给了 watch watchEffect 两个 API ，这俩都可以实现监听的功能，就有了选择困难症。

再例如 Vue 的 ref 也可以实现 reactive 的功能，也是选择困难症。

反观 React 就没有这种问题，你想监听某些 state 变化，只能用 useEffect ，没有其他选择。