vue3

监听器

1. watch: vue3 中的watch更灵活， 第一个参数可以是getter/effect函数、ref、Proxy以及它们的数组， 意味着可以同时监听多个值。例子：

watch(name, (newVal, oldVal) => {.....} )    // 最基础（变量格式）
watch(() => name + value, (newVal, oldVal) => {.....} )  // 函数格式
watch([a, b, c], (newVal, oldVal) => {.....} )  // 数组格式

2. watchEffect

• 简介：也是一个监听器。相比watch , 它可以监听所有的变量，不需要具体到某个属性；可以设置注册清理失效时的回调。 默认是在界面更新之前就触发，也可以通过flush属性进行设置。
• 缺点：获取不到之前的值
• 应用场景：取消请求、公共处理

watchEffect(() => {
console.log('有数据更新，就会自动触发');
})