8 - Effect作用域 API #2961

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Open

XiaoPingzi-Anhui opened this issue Apr 16, 2025 · 0 comments

Labels

XiaoPingzi-Anhui commented Apr 16, 2025

// 你的答案

<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, () => { scope.stop(); console.log(doubled.value) }) watchEffect(() => { console.log(`Count: ${doubled.value}`) }) }) counter.value = 2 setTimeout(() => { counter.value = 4 }) </script>

{{ doubled }}

XiaoPingzi-Anhui added answer zh-CN labels

github-actions bot added the 8 label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment