useNow

反应式当前 Date 实例。

¥Reactive current Date instance.

示例

源代码演练场

Now: Mon Aug 18 2025 22:16:35 GMT+0800 (China Standard Time)

用法

¥Usage

import { useNow } from '@vueuse/core'

const now = useNow()

const { now, pause, resume } = useNow({ controls: true })

组件用法

¥Component Usage

<template>
  <UseNow v-slot="{ now, pause, resume }">
    Now: {{ now }}
    <button @click="pause()">
      Pause
    </button>
    <button @click="resume()">
      Resume
    </button>
  </UseNow>
</template>