Andy的前後端技術筆記、生活紀錄
在vue中一次watch多個變數
發佈於: 2023-01-10 更新於: 2024-04-21 分類於: frontend

在Vue3 & Composition下,想一次watch多個變數的實現方法

1
2
3
4
5
6
7
8
setup(){
const message = ref('');
const name = ref('');
watch([message,name],([newValueMessage,newValueName],[oldValueMessage,oldValueName])=>{
//do something
})
}

watch vuex裡面的state或是其他reactive裡的某個值

1
2
3
4
5
6
7
8
9
//假設vuex state中影一個名為msg的值
setup(){
const message= reactive({user1:''})
watch([()=>message.user1,()=>store.state.msg],()=>{
//do something

})
}

使用 ()=> arrow function去return reactive的值才能watch

--- 到底拉 The End ---