vue3 watch监听多个值
时间: 2023-06-29 09:13:48 浏览: 2934
vue 子组件watch监听不到prop的解决
在 Vue3 中,你可以使用 `watch` API 来监听多个值。你可以传递一个数组来监听多个属性,也可以使用对象的形式来监听多个属性。
使用数组监听多个属性的示例代码:
```javascript
watch([propA, propB], (newValues, oldValues) => {
// 处理新旧值
})
```
使用对象监听多个属性的示例代码:
```javascript
watch({
propA: (newVal, oldVal) => {
// 处理 propA 的新旧值
},
propB: (newVal, oldVal) => {
// 处理 propB 的新旧值
}
})
```
注意:在 Vue3 中,监听多个属性时,如果其中一个属性的值发生变化,所有监听函数都将被触发。如果需要区分不同属性的变化,需要在监听函数中进行判断。
阅读全文