vue3如何获取当天日期

在 Vue 3 中获取当前日期通常会使用 JavaScript 的内置 `Date` 对象。下面是一个简单的例子，展示了如何创建一个新的 `Date` 实例，并从中提取出年、月、日等信息：

<template>
  <div>
    当前日期：{{ currentDate }}
  </div>
</template>

<script setup>
import { ref, computed } from 'vue';

// 创建一个响应式的当前日期变量
const currentDate = ref();

// 使用自定义计算属性确保只获取一次当前日期
const getCurrentDate = computed(() => {
  const date = new Date(); // 创建新的Date对象
  return `${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}日`; // 格式化日期
});

// 初始化当前日期为获取后的值
currentDate.value = getCurrentDate;
</script>

在这里，`computed` 函数确保获取日期的操作只会运行一次，之后如果数据发生变化（比如用户手动更改日期），`currentDate` 的值会自动更新。