vue 实时获取当前时间

组件：

/**
 * 时间格式化
 * type: 格式化类型
 */
export const timeFormat = (time, type = '') => {
  const date = new Date(time)
  const y = date.getFullYear()
  let m = date.getMonth() + 1
  let d = date.getDate()
  let hh = date.getHours()
  let mm = date.getMinutes()
  let ss = date.getSeconds()
  m = m < 10 ? '0' + m : m
  d = d < 10 ? '0' + d : d
  hh = hh < 10 ? '0' + hh : hh
  mm = mm < 10 ? '0' + mm : mm
  ss = ss < 10 ? '0' + ss : ss
  let result = ''
  type = type.toLocaleLowerCase()
  switch (type) {
    case 'yyyy-mm-dd':
      result = `${y}-${m}-${d}`
      break
    case 'mm-dd':
      result = `${m} - ${d}`
      break
    case 'hh-mm':
      result = `${hh} : ${mm}`
      break
    default:
      result = `${y}-${m}-${d} ${hh}:${mm}:${ss}`
      break
  }
  return result
}

// 深拷贝
export const deepClone = (newObj, oldObj) => {
  for (const k in oldObj) {
    const item = oldObj[k]
    if (item instanceof Array) {
      newObj[k] = []
      deepClone(newObj[k], item)
    } else if (item instanceof Object) {
      newObj[k] = {}
      deepClone(newObj[k], item)
    } else {
      newObj[k] = item
    }
  }
}

页面引用：

import { timeFormat } from '@/utils/util'

html:

<div>{{ time }}</div>

beforeMount:

beforeMount() {
    this.timer = setInterval(() => {
      this.time = timeFormat(new Date())
    }, 1000)
  }