vue默认时间上个月一号到30号 编写公用方法页面调用

你可以使用 JavaScript 中的 Date 对象来获取上个月的时间范围。具体实现方法如下：

function getLastMonthRange() {
  const today = new Date();
  const year = today.getFullYear();
  const month = today.getMonth();
  const lastMonth = month === 0 ? 12 : month; // 如果当前是1月，则上个月是12月
  const lastMonthYear = month === 0 ? year - 1 : year; // 如果当前是1月，则上个月的年份要减1
  const firstDay = new Date(lastMonthYear, lastMonth - 1, 1); // 上个月的第一天
  const lastDay = new Date(year, month, 0); // 当月的最后一天
  return {
    from: firstDay,
    to: lastDay,
  };
}

这个函数返回一个包含上个月第一天和当月最后一天的对象。你可以在 Vue 的组件中调用这个函数，然后将结果保存到组件的数据中，在模板中使用即可。例如：

<template>
  <div>
    <p>上个月的时间范围：{{ fromDate }} ~ {{ toDate }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fromDate: '',
      toDate: '',
    };
  },
  mounted() {
    const range = getLastMonthRange();
    this.fromDate = range.from.toLocaleDateString();
    this.toDate = range.to.toLocaleDateString();
  },
  methods: {
    getLastMonthRange() {
      // 实现参考上面的代码
    },
  },
};
</script>

在上面的代码中，mounted 钩子函数会在组件挂载后自动调用，然后调用 `getLastMonthRange` 函数获取上个月的时间范围，并将结果保存到组件的数据中。模板中使用 `{{ fromDate }}` 和 `{{ toDate }}` 显示这两个日期即可。