vue3显示当前日期时间周

你可以使用 JavaScript 的 Date 对象来获取当前日期时间和周几。在 Vue3 中，你可以在组件的 `data()` 方法中定义一个 `currentDate` 变量来存储当前日期时间和周几的信息，然后在模板中使用这个变量来显示。

以下是一个示例代码：

<template>
  <div>
    <p>当前日期时间：{{ currentDate }}</p>
    <p>今天是周{{ weekDay }}</p>
  </div>
</template>

<script>
export default {
  data() {
    const date = new Date();
    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 weekDay = date.getDay();

    const currentDate = `${year}年${month}月${day}日 ${hour}:${minute}:${second}`;

    return {
      currentDate,
      weekDay,
    };
  },
};
</script>

在上面的代码中，我们使用 JavaScript 的 `Date` 对象获取当前日期时间和周几的信息，并将它们存储在 `currentDate` 和 `weekDay` 变量中。然后在模板中使用 `currentDate` 和 `weekDay` 变量来显示。注意，`getDay()` 方法返回的是数字表示周几，从 0（周日）到 6（周六）。因此我们需要将其转换为对应的中文文本。