vue获取当前时间

页面部分：

 <div class="left-box-bottom">{{ gettime }}</div>

 方法调用

在data中定义gettime 

export default {

  data(){

    return{

        gettime:""，

    }

  },

 mounted(){

      this.Date();

  },

在方法中定义

 

  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.gettime =

        date.year +

        "-" +

        newmonth +

        "-" +

        newday +

        " " +

        date.hours +

        ":" +

        newminutes +

        ":" +

        newseconds;

    },