Skip to content

no - 8 - effectScope API #2925

Open
Open
@ricardoHer

Description

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions