8 - effectScope API

[geek4ctrl]

// your answers

<script setup lang="ts"> import { ref, computed, watch, watchEffect, effectScope } from "vue" const counter = ref(1) const doubled = computed(() => counter.value * 2) const scope = effectScope() // use the `effectScope` API to make these effects stop together after being triggered once scope.run(() => { watch(doubled, () => console.log(doubled.value)) watchEffect(() => console.log(`Count: ${doubled.value}`)) counter.value = 2 setTimeout(() => { counter.value = 4 }) }) scope.stop(); </script>

{{ doubled }}