useNow

类别

Animation

导出大小

677 B

最近修改

2 days ago

反应式当前 Date 实例。

🌐 Reactive current Date instance.

示例

源代码在线运行

Now: Sun Feb 08 2026 18:48:03 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>