为了根据响应式状态自动应用和重新应用副作用，我们可以使用 watchEffect 方法。它立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。
案例
<template>
<div>
{{value1}}
</div>
</template>
<script>
import { ref, watchEffect } from 'vue'
export default {
setup(){
let value1 = ref(1);
// 响应式追踪其依赖
let stop = watchEffect(()=>console.log('watchEffect === '+ value1.value))
//
setTimeout(() => {
// 停止侦听
// stop();
value1.value ++;
}, 1000);
//
return {
value1
}
}
}
</script>
网友评论