vue页面 ivew页面实时显示当前时间。记录。

        
            
              
              
{{ date }}
              
            
          

在页面mounted里面插入

mounted () {
    this.getData()
    let _this = this; // 声明一个变量指向Vue实例this，保证作用域一致
    this.timer = setInterval(() => {
      var tmpDate = new Date(); // 每一秒取一次当前时间
      //格式化 Date()
      var year = tmpDate.getFullYear();
      var month = tmpDate.getMonth() + 1;
      var date = tmpDate.getDate();
      var h = tmpDate.getHours();
      var m = tmpDate.getMinutes();
      var s = tmpDate.getSeconds();

      _this.date = year+'-'+month+'-'+date+ ' '+h+':'+m+':'+s
    }, 1000)
  },
  beforeDestroy () {
    if (this.timer) {
      clearInterval(this.timer); // 在Vue实例销毁前，清除我们的定时器
    }
  },

显示的效果是：

2019-10-13 18:23:41