README.zh-CN.md

生命周期钩子

By webfansplz @webfansplz

   

在这个挑战中，你将使用 组合式 API: 生命周期钩子 来完成它。 以下是你要实现的内容 👇:

// Child.vue

<script setup lang="ts">
import { onMounted, inject } from "vue"

const timer = inject('timer')
const count = inject('count')


onMounted(() => {
  // 切换子组件时, 定时器将不正常工作, 让我们来修复它 . 
  timer.value = window.setInterval(() => {
    count.value++
  }, 1000)
})

</script>

<template>
  <div>
    <p>
      Child Component: {{ count }}
    </p>
  </div>
</template>