vue3显示当前时间周

可以使用JavaScript的Date对象获取当前时间，再通过Date对象提供的相关方法获取星期几的信息，最后使用Vue的数据绑定将时间和星期几显示在页面上。

以下是一个简单的示例代码：

<template>
  <div>
    <p>当前时间：{{ currentTime }}</p>
    <p>今天是星期{{ currentDay }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: '',
      currentDay: ''
    }
  },
  mounted() {
    this.updateTime();
    setInterval(() => {
      this.updateTime();
    }, 1000);
  },
  methods: {
    updateTime() {
      const date = new Date();
      this.currentTime = `${date.getHours()}:${this.padZero(date.getMinutes())}:${this.padZero(date.getSeconds())}`;
      this.currentDay = '日一二三四五六'[date.getDay()];
    },
    padZero(num) {
      return num < 10 ? `0${num}` : num;
    }
  }
};
</script>

在上面的代码中，我们使用mounted钩子函数在组件挂载后执行updateTime方法，该方法使用new Date()获取当前时间，再通过getHours、getMinutes和getSeconds方法获取小时、分钟和秒数，最后将这三个值拼接成字符串赋值给currentTime。同时，我们使用getDay方法获取星期几的下标，再通过字符串索引获取对应的星期几的文字，赋值给currentDay。为了每秒钟更新一次时间和星期几，我们使用setInterval定时器，每隔1秒钟执行一次updateTime方法。