vue 获取实时时间

html显示

{{currentTime}}

变量定义

data() {
    return {
      timer: "", //定义一个定时器的变量
      currentTime: '' // 获取当前时间
    };
  },

获取时间

 created() {
    let _this = this //声明一个变量指向Vue实例this，保证作用域一致
    this.timer = setInterval(()=> {
      this.currentTime = this.moment(new Date()).format("YYYY.MM.DD HH:mm:ss")
    }, 1000)
  },

在Vue实例销毁前，清除我们的定时器

  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer) 
    }
  },