vue3 dayjs

// 引入 Vue 3 和 dayjs
import { createApp } from 'vue';
import dayjs from 'dayjs';

// 创建一个 Vue 应用
const app = createApp({
  data() {
    return {
      // 定义一个日期字符串
      date: '2023-10-05',
    };
  },
  computed: {
    // 使用 dayjs 格式化日期
    formattedDate() {
      return dayjs(this.date).format('YYYY-MM-DD');
    },
  },
  methods: {
    // 更新日期的方法
    updateDate(newDate) {
      this.date = newDate;
    },
  },
});

// 挂载应用到 DOM 中
app.mount('#app');

解释说明：

1. 引入库：首先，我们引入了 Vue 3 和 dayjs。Vue 3 用于创建和管理应用，而 dayjs 用于处理和格式化日期。
2. 创建 Vue 应用：使用 createApp 方法创建一个新的 Vue 应用实例。
3. 数据属性：在 data 函数中定义了一个 date 属性，它是一个日期字符串。
4. 计算属性：通过 computed 属性定义了一个 formattedDate，它使用 dayjs 来格式化 date 属性的值。
5. 方法：定义了一个 updateDate 方法，用于更新 date 属性的值。
6. 挂载应用：最后，将应用挂载到具有 id="app" 的 DOM 元素上。

这样，你就可以在 Vue 3 中使用 dayjs 来处理和显示日期了。