Vue3 watchEffect()
watchEffect()函数的作用是接收函数作为参数,并立即执行该函数,当该函数依赖的数据发生变化时,重新运行该函数。
<template>
<span>
<p>{{num}}</p>
<button @click="btnFn">+1</button>
</span>
</template>
<script setup>
import {ref, watchEffect} from "vue"
var num = ref(10)
watchEffect(() => {
console.log("watchEffect:" + num.value)
})
var btnFn = () => {
num.value++
}
</script>