vue 显示当前时间

1.在data中定义数据

data() {
    return {
      currentTime:'',//当前的时间
  },

2.在methods中写获取当前时间函数

getCurrentTime(){
//添加定时器
 setInterval(()=>{
 //转换当前时间，这里也可以单独封装成一个函数
   let y = new Date().getFullYear();
   let m = new Date().getMonth() + 1;
   let d = new Date().getDate();
   let h = new Date().getHours();
   let mm = new Date().getMinutes() < 10 ? "0" + new Date().getMinutes(): new Date().getMinutes();
   let s =new Date().getSeconds() < 10 ? "0" + new Date().getSeconds() : new Date().getSeconds();
   this.currentTime = y + "年" + m + "月" + d + "日" + "  " + h + ":" + mm + ":" + s;
    },500)
}

3.在生命周期函数中触发

created() {
    this.getCurrentTime();    
  },

4.使用

<template>
  <div>{{currentTime}}</div>
</template>