vue实时获取当前时间

<template>
  <div>
    
    <div>时间: {{ timeDate|formatDate }}</div>

  </div>
</template>


<script>

var formatNum = function(num){
  return num < 10 ? "0" + num : num
}

export default {
  name: '',
  data() {
    return {
      timeDate:new Date(),
    }
  },

  filters: {
    // 实时-时间-数据转换
    formatDate(value) {
      var year = value.getFullYear()
      var month = formatNum(value.getMonth() + 1)
      var day = formatNum(value.getDate())
      var hour = formatNum(value.getHours())
      var min = formatNum(value.getMinutes())
      var sec = formatNum(value.getSeconds())
      return year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + sec
    }
  },

  mounted() {
    // 实时-时间-计时
    var that = this
    var timer = setInterval(function(){
      that.timeDate = new Date()
    },1000)
  },

  // 实时-时间
  beforeDestroy() {
    if(this.timer){
      clearInterval(this.timer)
    }
  },
  methods: {
 
  }
}
</script>