Vue + dateformat.js 实时显示时间，时间自动更新。

需求：获取当前系统时间，在页面上展示 年 月 日 ，并且实时刷新，和系统时间保持一致。

如果是cli项目：

npm install --save dateformat

main.js:

import dateFormat from 'dateformat'
Vue.prototype.$dateFormat = dateFormat

第一步：在deta 里面声明两个变量

第二步：把时间调用写在created() 生命周期里面，进入页面就需要调用

第三步：离开页面使用beforeDestroy() 销毁

如下：

data() {
    return {
      timer: "", // 定义一个定时器的变量
      currentTime: this.$dateFormat(new Date(), 'yyyy-mm-dd H:MM:ss')
    }
  },
  created() {
    this.timer = setInterval(() => {
      this.currentTime = this.$dateFormat(new Date(), 'yyyy-mm-dd H:MM:ss')
    }, 1000)
  },
  beforeDestroy() {
     this.timer && clearInterval(this.timer) // 在Vue实例销毁前，清除我们的定时器
  }

这样就能满足需求了 拿到的时间格式是 2020-3-02 15:22: 5