watch和watchEffect监听的应用

监听属性 (Watch):

可以监听到对象里面的属性,是一个浅度监听

监听属性允许我们在数据变化时执行异步操作或复杂的逻辑

监听属性适用于对数据变化做出响应，比如在数据变化时发送请求、处理副作用等

监听属性可以监听一个或多个数据的变化，并在数据变化时执行相应的操作

监听属性中的函数不是必须要用return返回值

下面是官方文档对watch的基本介绍:

在下面调用watch,模板这里会自动导入

后面是一个回调函数,里面有一个函数,newValue代表新值
函数值后面不能直接写name,不然会报错

深度监听:

注意:因为它会有性能消耗,所以只有在必要的时候再使用它

深度监听:强制加上deep把他变成深度监听,默认的时候它不会立即执行,只有在数据源发生改变的时候,才会去监听
immediate:表示立即执行,可以让深度监听马上执行

watchEffect()

自动去监听,是监听指定对象改变,要是不传就执行一次,谁变都执行

只要有任何一个数据发生变化,都可以拿到相应变化后的数据

总结:

watch 和 watchEffect 都能响应式地执行有副作用的回调。

它们之间的主要区别是追踪响应式依赖的方式：

watch 只追踪明确侦听的数据源。它不会追踪任何在回调中访问到的东西。另外，仅在数据源确实改变时才会触发回调。watch 会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机

watchEffect，则会在副作用发生期间追踪依赖。它会在同步执行过程中，自动追踪所有能访问到的响应式属性。这更方便，而且代码往往更简洁，但有时其响应性依赖关系会不那么明确。