vue获取当前日期时间

<header>
   <div class="showDate">
       <div>
        <div class="Date">Date</div>
          <div class="newDate">{{ newDate }}</div>
          </div>
        </div>
       <div class="showTime">{{ newTime }}</div>
</header>
 data() {
    return {
     
      newTime: '', //现在时间
      newDate: '',
    }
 }，
 mounted() {
    
    this.getNowDate()
    this.getNowTime() //进入页面调用该方法获取当前时间
    clearInterval(myTimeDisplay) //销毁之前定时器
    var myTimeDisplay = setInterval(() => {
      this.getNowTime() //每秒更新一次时间
    }, 1000)
 }，
 methods: {
    getNowDate() {
      var date = new Date()
      var date = date.getFullYear() + '.' + this.addZero(date.getMonth() + 1) + '.' + 
      this.addZero(date.getDate())
      this.newDate = date
    },
    getNowTime() {
      var date = new Date()
      var time =
      this.addZero(date.getHours()) + ':' + this.addZero(date.getMinutes()) + ':' + 
      this.addZero(date.getSeconds())
      this.newTime = time
    },
 }

注意：以上内容秒前未加0

解决方法：