vue获取当前时间年月日

### 回答1：
你可以使用 JavaScript 的 Date 对象来获取当前时间，然后使用 Vue 绑定数据的方式将其显示在页面上。以下是一个简单的示例：

HTML 代码：

<div>
  <p>当前时间：</p>
  <p>{{ currentDate }}</p>
</div>

Vue 实例代码：

new Vue({
  el: '#app',
  data: {
    currentDate: ''
  },
  mounted() {
    setInterval(() => {
      const date = new Date();
      const year = date.getFullYear();
      const month = (date.getMonth() + 1).toString().padStart(2, '0');
      const day = date.getDate().toString().padStart(2, '0');
      this.currentDate = `${year}-${month}-${day}`;
    }, 1000);
  }
})

在上面的示例中，我们定义了一个名为 `currentDate` 的数据属性，并在 `mounted` 钩子函数中使用 `setInterval` 方法每秒更新一次该属性的值。在更新时，我们使用 JavaScript 的 `Date` 对象获取当前时间，然后将年月日格式化后赋值给 `currentDate`，最后在页面上显示出来。

### 回答2：
在Vue中，可以使用JavaScript内置的Date对象来获取当前时间的年、月、日。

<template>
  <div>
    <p>当前时间：{{ currentDate }}</p>
    <p>年：{{ currentYear }}</p>
    <p>月：{{ currentMonth }}</p>
    <p>日：{{ currentDay }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentDate: '',
      currentYear: '',
      currentMonth: '',
      currentDay: ''
    };
  },
  mounted() {
    this.getCurrentDate();
  },
  methods: {
    getCurrentDate() {
      const date = new Date();
      this.currentDate = date.toLocaleString();
      this.currentYear = date.getFullYear();
      this.currentMonth = date.getMonth() + 1;
      this.currentDay = date.getDate();
    }
  }
};
</script>

在上述示例中，通过在mounted钩子函数中调用getCurrentDate方法来获取当前时间的年、月、日。在该方法内，首先定义一个新的Date对象，然后使用toLocaleString()方法将其转换为字符串，并将结果赋给currentDate。接着，使用getFullYear()方法获取当前年份，并使用getMonth()和getDate()方法获取当前月份和日期，并将结果赋给currentYear、currentMonth和currentDay变量。这样，就可以在模板中通过双花括号语法将获取到的年、月、日显示出来。

### 回答3：
在Vue中获取当前时间的年、月、日可以使用JavaScript的Date对象来实现。

1. 首先，在Vue组件的data选项中定义一个变量用于存储当前时间：

data() {
  return {
    currentDate: null
  }
},

2. 在Vue的created钩子函数中获取当前时间并设置给currentDate变量：

created() {
  this.currentDate = new Date();
},

3. 接着，使用currentDate变量来访问年、月、日：

<p>当前年份：{{ currentDate.getFullYear() }}</p>
<p>当前月份：{{ currentDate.getMonth() + 1 }}</p>
<p>当前日期：{{ currentDate.getDate() }}</p>

以上代码中，通过调用Date对象的getFullYear()、getMonth()和getDate()方法，分别获取年份、月份（注意需要加1，因为月份是从0开始计算的）和日期。

这样就可以在Vue模板中展示当前时间的年、月、日了。