vue实现日期实时变化，获取当前日期时间

在这里插入代码片// 初始化时间
// utils/util.js
const formatTime = date => {
  const year = date.getFullYear()
  const month = date.getMonth() + 1
  const day = date.getDate()

  return [year, ' 年 ', month, ' 月 ', day, ' 日 '].map(formatNumber).join('')
}

const formatNumber = n => {
  n = n.toString()
  return n[1] ? n : '0' + n
}
module.exports = {
  formatTime: formatTime,
  }


<div class="weather">{{ timer }}，多云转晴</div>

 data() {
    return {
      timer: '',
      }


mounted() {
    // 定时器
    this.timer = setInterval(() => {
      this.timer = util.formatTime(new Date())
      
    }, 1000)
    }
 beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer)
    }
     },