vue3 鲜为人知的知识点

　　要手动停止一个侦听器，请调用watch或watchEffect返回的函数：

　　针对第二种情况★★★：子组件在其中通过defineExpose宏显式暴露属性或方法

　　该篇文章是个人觉得在平常开发过程中没怎么注意到（新增加）的知识点，每个章节的内容在官网中不只文章提到的这些。

　　注★：深度侦听需要遍历被侦听对象中的所有嵌套的属性，当用于大型数据结构时★★，开销很大。因此请只在必要时才使用它，并且要留意性能

　　因为：v-if的优先级高于v-for，从而导致v-for作用域内定义的变量别名

　　watch和watchEffect都能响应式地执行有副作用的回调。它们之间的主要区别是追踪响应式依赖的方式★★★：

　　自动跟踪回调的响应式依赖★★★，不需要显性设置监听源★。可以自动监听依赖项，并自动触发相关操作

　　中用同步语句创建的侦听器，会自动绑定到宿主组件实例上，并且会在宿主组件卸载时自动停止。

　　这个例子中，回调会立即执行，不需要指定immediate: true★★★。在执行期间，它会自动追踪todoId★★.value作为依赖（和计算属性类似）。每当todoId.value变化时★，回调会再次执行。有了watchEffect()，我们不再需要明确传递todoId作为源值。

　　在嵌套的属性变更时触发，因为它们是同一个对象！故newValue此处和oldValue是相等的

　　在setup()或script setup>

　　总所周知：Props是单向数据流★★，且在子组件不能进行修改★★。要想修改，只能通知父组件修改★★，或者使用双向数据绑定。

　　但有一个缺点★：如果上层数据发生改变时，下层是不能实时更新的★。可以在做修改：

　　注：当绑定的元素被卸载时，函数也会被调用一次，此时的el参数会是null