10 - Lifecycle Hooks

[geek4ctrl]

// your answers

<script setup lang="ts"> import { onUnmounted } from "vue"; import { onMounted, inject } from "vue" const timer = inject("timer") const count = inject("count") onMounted(() => { timer.value = window.setInterval(() => { count.value++ }, 1000) }) onUnmounted(() => { clearInterval(timer.value) }) </script>

Child Component: {{ count }}