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("书名改变了")
}
)