[Vue3]小提示:对于ref和reactive数据,侦听器watch使用上的一点不同
对于reactive
类型的响应式数据,只需要按照文档中介绍的方法建立侦听器:
const x = reactive({ a: 1 });
watch(() => x.a, val => alert(1));
对于ref
类型的数据,则需要多加一个value
来获取到正确的侦听对象:
const x = ref({ a: 1 });
watch(() => x.value.a, val => console.log(val););
使用时必须注意,否则无法正确侦听。
对于数组、对象类型的数据,使用reactive
比较方便,因为不需要使用.value
获取此类数据的值。