Filfters - -> 過濾器

<template>
<!-- 管道符後面是過濾器名字 -->
  <div>{{time | formatDate}}</div>
</template>

<script>
export default {
  data() {
    return {
        // 實例化一個當前時間出來
      time: Date.now()
    }
  },
  filters: {
    //   過濾器名字
    formatDate(origin) {
      let date = new Date(origin)
      let YYYY = date.getFullYear()
      let MM = date.getMonth() + 1
      let DD = date.getDate()
      let hh = date.getHours()
      let mm = date.getMinutes()
      let ss = date.getSeconds()
    //   以下使用三元表達式來做判斷 因爲業務上需要顯示2位數，所以去判斷是否小於10 如果小於10就加個0
      MM = MM < 10 ? '0' + MM : MM
      DD = DD < 10 ? '0' + DD : DD
      hh = hh < 10 ? '0' + hh : hh
      mm = mm < 10 ? '0' + mm : mm
      ss = ss < 10 ? '0' + ss : ss
    //   必須要return 
      return `${YYYY}-${MM}-${DD} ${hh}:${mm}:${ss}`
    }
  }
}
</script>

<style scoped>
</style>