初学vue3与ts：watch的使用

监听1个数据

const a = ref(0);
watch(()=> a , (n,o) => {
	console.log(n,o,'aaaaa');
});

监听1个props数据

const props = defineProps({
	val : string
)};
watch(() => props.val, (n, o) => {
  console.log(n,o);
});

监听2个及以上的数据

const props = defineProps({
	val1 : string,
	val2 : string
)};
const a = ref(0);
watch(() => [props.val1,props.val2,a,...], (n, o) => {
  console.log(n,o);//返回的n和o就是一个数组
});

如果有需要用到immediate或者deep的话

watch(() => [props.val1,props.val2,a], (n,o) => {
	console.log(n,o);
},{immediate : true,deep : true});