vue3 dayjs获取当前时间

要在Vue3中使用dayjs获取当前时间，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了dayjs插件。你可以使用命令`cnpm i -S dayjs`来安装。

2. 在你的Vue项目的`main.js`文件中，全局引入dayjs插件。你可以使用以下代码进行引入：

import dayjs from "dayjs"
Vue.prototype.$dayjs = dayjs;

3. 在你的组件中，使用`$dayjs`来获取当前时间。你可以在`mounted`钩子函数中设置一个定时器，在定时器中更新当前时间。以下是一个示例代码：

export default {
  data() {
    return {
      dateDay: null,
      dateYear: null,
      dateWeek: null,
      weekday: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
      timer: null
    };
  },
  mounted() {
    this.timer = setInterval(() => {
      const date = this.$dayjs(new Date());
      this.dateDay = date.format('HH:mm:ss');
      this.dateYear = date.format('YYYY-MM-DD');
      this.dateWeek = date.format(this.weekday[date.day()]);
    }, 1000);
  },
  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer);
    }
  }
};

在上述代码中，`dateDay`、`dateYear`和`dateWeek`分别用来存储当前时间的小时、日期和星期几。`timer`是用来存储定时器的ID，方便在组件销毁前清除定时器。

这样，你就可以在Vue3中使用dayjs来获取当前时间了。