vue获取当前的年月日时分秒

<template>
  <div class="container">
    <div>当前系统时间：{{ dateTime }}</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      dateTime: "",
    };
  },
  created() {
    this.Date();
  },
  methods: {
    //获取当前年月日
    // Date() {
    //   const nowDate = new Date();
    //   const date = {
    //     year: nowDate.getFullYear(),
    //     month: nowDate.getMonth() + 1,
    //     date: nowDate.getDate(),
    //   };
    //   const newmonth = date.month > 10 ? date.month : "0" + date.month;
    //   const day = date.date > 10 ? date.date : "0" + date.date;
    //   this.dateTime = date.year + "-" + newmonth + "-" + day;
    // },

    //获取当前年月日时分秒
    Date() {
      const nowDate = new Date();
      const date = {
        year: nowDate.getFullYear(),
        month: nowDate.getMonth() + 1,
        date: nowDate.getDate(),
        hours: nowDate.getHours(),
        minutes: nowDate.getMinutes(),
        seconds: nowDate.getSeconds(),
      };

      const newmonth = date.month > 10 ? date.month : "0" + date.month;
      const newday = date.date > 10 ? date.date : "0" + date.date;
      const newminutes = date.minutes > 10 ? date.minutes : "0" + date.minutes;
      const newseconds = date.seconds > 10 ? date.seconds : "0" + date.seconds;
      //   const newminutes = date.minutes < 10 ? "0" + date.minutes : date.minutes;
      //   const newseconds = date.seconds < 10 ? "0" + date.seconds : date.seconds;

      this.dateTime =
        date.year +
        "-" +
        newmonth +
        "-" +
        newday +
        " " +
        date.hours +
        ":" +
        newminutes +
        ":" +
        newseconds;
    },
  },
};
</script>