vue 时间格式转换封装

可以封装一个时间格式转换的过滤器，使用Vue的过滤器功能来实现，具体步骤如下：

1. 在Vue实例中定义一个过滤器，命名为`dateFormat`，并传入一个时间戳。

Vue.filter('dateFormat', function (timestamp) {
  // 时间格式转换的代码
})

2. 在过滤器内部，将时间戳转换为日期对象，然后使用Date对象提供的方法将日期格式化为需要的格式。

Vue.filter('dateFormat', function (timestamp) {
  const date = new Date(timestamp)
  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}`
})

3. 在Vue组件中，使用`|`符号调用过滤器，并传入需要格式化的时间戳。

<template>
  <div>
    <p>原始时间戳：{{ timestamp }}</p>
    <p>格式化后的时间：{{ timestamp | dateFormat }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timestamp: 1596177722000 // 时间戳
    }
  }
}
</script>

这样就可以实现一个简单的时间格式转换功能了。当然，如果需要更多的时间格式，也可以在过滤器中加入相应的处理逻辑。