# Time 相对时间组件 ## Usage ```vue <template> <Time :value="time" /> </template> <script lang="ts"> import { defineComponent, reactive, toRefs } from 'vue'; import { Time } from '/@/components/Time'; export default defineComponent({ components: { Time }, setup() { const now = new Date().getTime(); const state = reactive({ time: now - 60 * 3 * 1000, }); return { ...toRefs(state), now, }; }, }); </script> ``` ## Props | 属性 | 类型 | 默认值 | 可选值 | 说明 | | --- | --- | --- | --- | --- | | value | `string,Date,number` | - | - | 时间值 | | step | `number` | `60` | - | 刷新时间 | | mode | `string` | `relative` | - | 模式，date:日期，datetime:时间戳，relative:相对时间 |