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.监听多个参数执行不同的方法

image

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

watch(count,()=>{

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

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

image

posted @ 2021-10-29 10:48  举个栗子走天下  阅读(429)  评论(0编辑  收藏  举报