vue3.0 中的watch和watcheffect
watch语法:
watch(要监听的数据名字, (n, o) => {
console.log(n, o);
},{
immediate: true, // 是否开启立即监听
deep: true // 是否开启深度监听
})
watcheffect语法:
watchEffect(() => {
console.log(要监听的数据);
})
watch 监听数据变化
1. 监视指定的数据
2. 监视reactive所定义的一个响应式数据
3. 监视reactive所定义的一个响应式数据中的某个属性
4. 监视reactive所定义的一个响应式数据中的某些属性
watch 和watcheffect的区别
1.watcheffect默认开启立即监听,而watch需要手动开启
2.watcheffect不需要写监听的属性,当依赖的数据发生改变的时候会自动触发
3.watch有新值和旧值,watcheffect没有