vue3前端时间戳转时间

在 Vue 3 中，可以使用类似的方式将时间戳转换为时间，但是需要注意的是，由于 Vue 3 中使用了 Composition API，因此在组件中使用时需要将代码写在 `setup()` 函数中。以下是示例代码：

import { ref } from 'vue';

export default {
  setup() {
    const timestamp = ref(1634277793000); // 时间戳，单位为毫秒
    const date = new Date(timestamp.value);
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const day = date.getDate();
    const hour = date.getHours();
    const minute = date.getMinutes();
    const second = date.getSeconds();
    const time = `${year}-${month}-${day} ${hour}:${minute}:${second}`;

    return {
      time
    };
  }
}

在上面的代码中，我们使用了 `ref` 函数来定义一个响应式的时间戳变量 `timestamp`，并将其初始值设置为 `1634277793000`，即 2021 年 10 月 15 日 10 56 分 33 秒的时间戳。然后，我们通过 `new Date()` 构造函数将时间戳转换为一个 `Date` 对象，再通过 `getFullYear()`、`getMonth()`、`getDate()`、`getHours()`、`getMinutes()` 和 `getSeconds()` 方法获取具体的年、月、日、时、分、秒。最后，我们将这些值拼接在一起，得到一个时间字符串 `time`，并将其作为组件的返回值之一。在模板中，可以通过 `{{ time }}` 来渲染这个时间字符串。