Vue.js 自动获取当前日期并赋值

在Vue.js中，可以使用Date对象来获取当前日期，并将其赋值给Vue实例的一个属性或者组件中的一个变量。

以下是一个示例：

<template>
  <div>
    <p>当前日期：{{ currentDate }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentDate: null
    };
  },
  mounted() {
    this.getCurrentDate();
  },
  methods: {
    getCurrentDate() {
      const date = new Date();
      const year = date.getFullYear();
      const month = date.getMonth() + 1;
      const day = date.getDate();
      this.currentDate = `${year}-${month}-${day}`;
    }
  }
};
</script>

在上述示例中，`getCurrentDate`方法使用`new Date()`创建一个Date对象，然后分别获取年、月、日，并将它们拼接成一个字符串赋值给`currentDate`属性。在`mounted`钩子函数中调用`getCurrentDate`方法，可以在组件挂载后自动获取当前日期并赋值给`currentDate`。

在模板中，通过双花括号语法`{{ currentDate }}`来显示`currentDate`属性的值，即当前日期。

注意：上述示例中获取的月份是从0开始的，所以在显示月份时需要加1。