vue filter日期

如何实现？请给出一个具体的例子。

Vue filter日期可以通过定义自定义过滤器来实现。具体实现步骤如下：

1.在Vue组件中定义一个filters对象，该对象包含一个自定义的过滤器函数，该函数接收一个参数，即需要格式化的日期。

2.在自定义的过滤器函数中，使用new Date()方法获取传入的日期对象，然后通过该日期对象获取具体的年月日，以及时分秒的值。

3.最后，将获取到的年月日、时分秒等信息按照需要的日期格式进行拼接，并返回格式化后的日期字符串。

下面是一个具体的例子：

<template>
  <div>
    <p>当前时间：{{ currentTime | formatDate }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: new Date()
    }
  },
  filters: {
    formatDate(time) {
      const date = new Date(time)
      const year = date.getFullYear()
      const month = (date.getMonth() + 1).toString().padStart(2, '0')
      const day = date.getDate().toString().padStart(2, '0')
      const hour = date.getHours().toString().padStart(2, '0')
      const minute = date.getMinutes().toString().padStart(2, '0')
      const second = date.getSeconds().toString().padStart(2, '0')
      return `${year}-${month}-${day} ${hour}:${minute}:${second}`
    }
  }
}
</script>