vue拿当前月第一天和最后一天

在Vue.js中，获取当前月份的第一天和最后一天可以借助JavaScript的Date对象和一些数学计算来实现。以下是一个简单的示例：

首先，你需要引入Vue，并创建一个计算属性（Computed Property）来计算日期：

<template>
  <div>
    <h1>本月第一天：{{ firstDayOfMonth }}</h1>
    <h1>本月最后一天：{{ lastDayOfMonth }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  computed: {
    // 获取当前月份
    getCurrentMonth() {
      const now = new Date();
      return [now.getFullYear(), now.getMonth() + 1]; // JavaScript月份从0开始计数，加1后才是实际的月份
    },
    
    // 计算并返回当月第一天
    firstDayOfMonth() {
      const [year, month] = this.getCurrentMonth;
      return new Date(year, month - 1, 1); // 设置日为1，得到上个月的最后一天（因为月份是从0开始）
    },
    
    // 计算并返回当月最后一天
    lastDayOfMonth() {
      const [year, month] = this.getCurrentMonth;
      return new Date(year, month, 0).getDate(); // 获取给定月份的最大日期
    }
  }
};
</script>

在这个例子中，`getCurrentMonth`函数首先获取当前日期，然后提取出年份和月份。`firstDayOfMonth`通过设置日期为1来获取上个月的最后一天，而`lastDayOfMonth`则是获取给定月份的最后一天。