vue中将createTime格式化

在 Vue 组件中，你可以使用过滤器来格式化 createTime。下面是一个例子：

<template>
  <div>
    <p>创建时间：{{ createTime | formatDate }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      createTime: '2021-08-09T14:48:00.000Z'
    }
  },
  filters: {
    formatDate(time) {
      const date = new Date(time)
      const year = date.getFullYear()
      const month = date.getMonth() + 1
      const day = date.getDate()
      const hour = date.getHours()
      const minute = date.getMinutes()
      const second = date.getSeconds()
      return `${year}-${month}-${day} ${hour}:${minute}:${second}`
    }
  }
}
</script>

在这个例子中，我们使用了一个名为 `formatDate` 的过滤器来格式化 `createTime`。过滤器接受一个参数，即要格式化的时间。在过滤器中，我们将时间转换为 Date 对象，并使用 Date 对象的方法获取年月日时分秒。最后，我们将这些值拼接在一起，并返回格式化后的时间字符串。

在模板中，我们使用了 `{{ createTime | formatDate }}` 来调用过滤器。这将会把 `createTime` 作为参数传递给 `formatDate` 过滤器，并显示格式化后的时间字符串。