Vue 获取当前时间（年月日 时分秒）

在 Vue.js 中，你可以使用 JavaScript 的内置 `Date` 对象来获取当前时间，然后将这些信息显示在组件中。以下是一个简单的示例：

<template>
  <div>
    <h1>当前时间: {{ currentTime }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: ''
    };
  },
  mounted() {
    this.currentTime = this.formatDate(new Date());
  },
  methods: {
    formatDate(date) {
      const year = date.getFullYear();
      const month = String(date.getMonth() + 1).padStart(2, '0');
      const day = String(date.getDate()).padStart(2, '0');
      const hours = String(date.getHours()).padStart(2, '0');
      const minutes = String(date.getMinutes()).padStart(2, '0');
      const seconds = String(date.getSeconds()).padStart(2, '0');

      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
    }
  }
};
</script>

在这个例子中，`mounted()` 生命周期钩子在组件挂载后获取当前时间，并将其格式化为 "年-月-日 时:分:秒" 的形式。`formatDate` 方法用于格式化日期。