vue3 watchEffect

watchEffect

  • watch : 既要知名监视的属性 又要指明监视的回调

  • watchEffect : 不用指明监视那个属性,监视的回调中用到那个属性就监视那个属性

  • watchEffect有点像computed
    computed注重的计算出来的值(回调函数返回值),必须有return
    watchEffect 更注重过程(回调函数的函数体)不需要写return返回

setup(){
    let someNodes = reactive({
        name:"大",
        age:12,
        aaaaa:{
            bbb:12
        }
    }),
    num = ref(0)
   // 无需写监视谁,不知道监视谁 所以无需newValue oldValue
   //  只有里面用到的数据(num.value、someNodes.aaaaa.bbb 发生变化即可)发生变化就会监测,执行回调函数
    watchEffect(()=>{
        const ensg = num.value
        const xx = someNodes.aaaaa.bbb
    }) 
}




posted @ 2022-06-23 18:10  ·一库  阅读(53)  评论(0)    收藏  举报