vue获取当前年月日

// 获取当前年月日的示例代码

// 使用 JavaScript 的 Date 对象来获取当前日期
new Vue({
  el: '#app',
  data() {
    return {
      currentDate: ''
    };
  },
  created() {
    // 在组件创建时获取当前日期
    this.getCurrentDate();
  },
  methods: {
    getCurrentDate() {
      const now = new Date(); // 创建一个表示当前日期和时间的 Date 对象
      const year = now.getFullYear(); // 获取当前年份
      const month = String(now.getMonth() + 1).padStart(2, '0'); // 获取当前月份，注意月份是从0开始的，所以要加1，并且用 padStart 确保是两位数
      const day = String(now.getDate()).padStart(2, '0'); // 获取当前日期，并确保是两位数

      // 将年月日组合成字符串
      this.currentDate = `${year}-${month}-${day}`;
    }
  }
});

解释说明：

1. Date 对象：我们使用 JavaScript 内置的 Date 对象来获取当前的日期和时间。
2. getFullYear()：获取当前的年份。
3. getMonth()：获取当前的月份，注意月份是从 0 开始的（即 0 表示一月），所以我们需要加 1。
4. getDate()：获取当前的日期（即一个月中的某一天）。
5. padStart()：确保月份和日期都是两位数，不足两位的前面补 0。
6. Vue 组件：在 Vue 组件的 created 生命周期钩子中调用 getCurrentDate 方法，以确保在组件初始化时获取当前日期并更新 currentDate 数据属性。