vue中点击按钮获取当前日期

在Vue中获取当前日期可以使用JavaScript的Date对象，可以通过在按钮的点击事件中调用Date对象来获取当前日期。下面是一个示例代码：

<template>
  <div>
    <button @click="getCurrentDate">获取当前日期</button>
    <p>{{ currentDate }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentDate: '',
    };
  },
  methods: {
    getCurrentDate() {
      const date = new Date();
      const year = date.getFullYear(); // 获取年份
      const month = date.getMonth() + 1; // 获取月份，注意从0开始计数，需要加1
      const day = date.getDate(); // 获取日期
      this.currentDate = `${year}-${month}-${day}`; // 拼接日期字符串
    },
  },
};
</script>

当用户点击按钮时，`getCurrentDate`方法将会被调用，该方法通过`new Date()`获取当前日期并将其格式化为字符串，最终将其赋值给`currentDate`，从而在页面上显示出来。