vue3-watchEffact

立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。

<template>
  <div>
    <div>{{ count }}</div>
    <button @click="handleClick">更新</button>

  </div>
</template>
 
<script setup lang="ts">
import { ref, watchEffect } from 'vue';

let count = ref<number>(0)

watchEffect(() => {
  console.log("watchEffect", count.value);
})

const handleClick = () => {
    count.value ++ 
}

</script>
 
<style>
</style>