[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获取此类数据的值。