在composition api中使用钟表钩子？

import { ref, onMounted, onUnmounted } from 'vue';

export default function useClock() {
  const currentTime = ref(new Date());

  const startClock = () => {
    setInterval(() => {
      currentTime.value = new Date();
    }, 1000);
  };

  onMounted(() => {
    startClock();
  });

  onUnmounted(() => {
    clearInterval(startClock);
  });

  return {
    currentTime,
  };
}

<template>
  <div>
    Current Time: {{ currentTime }}
  </div>
</template>

<script>
import useClock from './useClock';

export default {
  setup() {
    const { currentTime } = useClock();

    return {
      currentTime,
    };
  },
};
</script>