vue3中watch函数

1.监听普通类型

let count = ref(1);

const changeCount = () =>{
count.value+=1
};

watch(count,(newValue,oldValue)=>{
console.log("count改变了")
})

2.监听响应式对象

let book = reactive({ name:"js编程", price:50 });

const changeBookName =()=>{
book.name='c#';
};
watch(()=>book.name,()=>{
console.log('书名改变了')
})

3.监听多个参数执行不同的方法

vue3中同理也能实现相同的情景，通过多个watch来实现，但在vue2中，只能存在一个watch

watch(count,()=>{

console.log("count改变了")
})；

watch(
()=>book.name,
()=>{
console.log("书名改变了")
}
)