watchEffect监听2个值
时间: 2023-12-12 08:33:39 浏览: 74
Vue监听数据渲染DOM完以后执行某个函数详解
可以在 `watchEffect` 的回调函数中同时监听多个值,只需要将需要监听的值作为回调函数的依赖项即可。下面是一个监听 `msg` 和 `msg2` 两个值的例子:
```javascript
import { watchEffect, ref } from 'vue'
const msg = ref('梅西')
const msg2 = ref('内马尔')
watchEffect(() => {
console.log('msg的值:', msg.value)
console.log('msg2的值:', msg2.value)
})
```
在上面的例子中,我们使用了 `ref` 函数创建了两个响应式变量 `msg` 和 `msg2`,然后在 `watchEffect` 的回调函数中同时监听了这两个变量。当 `msg` 或 `msg2` 的值发生变化时,回调函数就会被触发。
阅读全文