watchEffect高级侦听器

# watchEffect

与watch相似，但是watchEffect不需要指明侦听的对象，在回调函数中有使用的都会被监听到, 默认会执行一次

用法

import { ref , watchEffect, reactive } from "vue"
let reactiveName = reactive({
    name: ""
})
let refName = ref("")

const stop = watchEffect((onInvalidate)=>{
    console.log(reactiveName.name)
    onInvalidate(()=>{
        setTimeout(()=> stop(), 5000)
    })
},{
    flush: "pre", //默认值，会立即执行
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14

编辑

#vue3

上次更新: 2023/05/17, 21:35:56

← watch 侦听器组件和生命周期→