vue3 时间格式化

在 Vue3 中，可以使用内置的 Date 对象和 toLocaleString() 方法来格式化时间。具体实现如下：

<template>
  <div>{{ formatDate }}</div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const date = ref(new Date());
    const formatDate = ref(date.value.toLocaleString());

    setInterval(() => {
      date.value = new Date();
      formatDate.value = date.value.toLocaleString();
    }, 1000);

    return {
      formatDate,
    };
  },
};
</script>

这里使用了 `setInterval` 来每秒更新一次时间，并将格式化后的时间显示在页面上。