vue3获取当前时间

要在Vue3中获取当前时间，可以使用`new Date()`来创建一个日期对象，然后从该对象中提取所需的年、月、日、小时、分钟和秒等信息。以下是一个示例代码：

import { ref, onMounted } from 'vue';

function formatTime(time) {
  return time < 10 ? `0${time}` : time;
}

export default {
  setup() {
    const date = ref('');

    function updateTime() {
      const now = new Date();
      const year = now.getFullYear(); // 年
      const month = now.getMonth() + 1; // 月（需要加1，因为月份从0开始）
      const day = now.getDate(); // 日
      const hours = now.getHours(); // 小时数
      const minutes = now.getMinutes(); // 分钟数
      const seconds = now.getSeconds(); // 秒数
      const week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'][now.getDay()]; // 星期

      date.value = `${year}-${formatTime(month)}-${formatTime(day)} ${formatTime(hours)}:${formatTime(minutes)}:${formatTime(seconds)} ${week}`;
    }

    onMounted(() => {
      updateTime();
    });

    return { date };
  },
};

在`setup()`中，我们创建了一个名为`date`的响应式引用，它将存储格式化后的时间。然后，我们定义了`formatTime()`函数来确保时间的格式化。接下来，我们使用`onMounted()`钩子来在组件挂载时调用`updateTime()`函数，以便初始化时间。最后，我们将`date`引用返回给模板，以便在页面中显示当前时间。

请注意，这只是一个示例代码，你可能需要根据自己的项目结构和需求进行适当的调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue3+hook之当前日期](https://blog.csdn.net/qq_46617584/article/details/128921106)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue3获取当前日期、时间和星期（格式：年月日 时分秒 星期）](https://blog.csdn.net/weixin_44096999/article/details/131207411)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]