Skip to content

useNow

反应式当前 Date 实例。

¥Reactive current Date instance.

示例

Now: Sat Jun 21 2025 22:21:30 GMT+0800 (China Standard Time)

用法

¥Usage

js
import { useNow } from '@vueuse/core'

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

组件用法

¥Component Usage

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