需求:获取当前系统时间,在页面上展示 年 月 日 ,并且实时刷新,和系统时间保持一致。
如果是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