Vue实现获取当前时间、日期并实时刷新

<template>

    <div>

        <div class="main_top">

            <div class="top_date">{{gettime}}</div>

    </div>

</template>

<script>

export default {

  data() {

    return {

      gettime: "",

    };

  },

  created() {

    this.getCurrentTime();

  },

  methods: {

    getCurrentTime() {

      //获取当前时间并打印

      var _this = this;

      let yy = new Date().getFullYear();

      let mm = new Date().getMonth() + 1;

      let dd = new Date().getDate();

      let hh = new Date().getHours();

      let mf =

        new Date().getMinutes() < 10

          ? "0" + new Date().getMinutes()

          : new Date().getMinutes();

      let ss =

        new Date().getSeconds() < 10

          ? "0" + new Date().getSeconds()

          : new Date().getSeconds();

      _this.gettime = yy + "/" + mm + "/" + dd + " " + hh + ":" + mf + ":" + ss;

      console.log(this.gettime);

    },

  },

};

</script>