Vue.js 时间转换代码及时间戳转时间字符串

对于Vue.js的时间转换，可以通过使用其提供的filters(过滤器)来实现，同时我们也可以使用moment.js这个工具库来方便地进行时间转换。

使用 Vue.js Filter 进行时间转换

在 Vue.js 中，我们可以通过定义 Filter 来实现字符串到特定格式的日期的转换，该功能类似于 AngularJS 中的 Filter。下面是一个简单的例子：

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

<script>
export default {
  data() {
    return {
      publishTime: '2021-10-10 12:00:00'
    }
  },
  filters: {
    formatDate(value) {
      // value is timestamp
      return new Date(value).toLocaleString('zh-cn', {hour12: false})
    }
  }
}
</script>

在上面的例子中，我们定义了一个 Filter formatDate，该 Filter 可以把 publishTime 转换为特定格式的时间。在 Filter 的函数体中，我们先将时间戳 value 转换为 Date 对象，然后再通过 toLocaleString 将时间格式化为符合条件的字符串。

使用 Moment.js 进行时间转换

Moment.js 是一个轻量级的 JavaScript 日期处理类库，比起原始方法，Moment.js 提供了更加简便的方式去解析、显示、算术计算和操作日期的方式。下面是一个简单的例子：

<template>
  <p>{{ message }}</p>
</template>

<script>
import moment from 'moment'

export default {
  data() {
    return {
      timestamp: 1630316488000
    }
  },
  computed: {
    message() {
      return moment(this.timestamp).format('YYYY-MM-DD HH:mm:ss')
    }
  }
}
</script>

在上面的例子中，我们使用运算式计算并格式化时间，并将其显示在页面上。在计算属性内，我们先引入 Moment.js 库，然后通过 moment 包装时间戳，并使用 format 方法将其格式化为需要的字符串。

除了提供基本的格式化功能之外，Moment.js 还提供了强大的日期计算、时间骨架、时区支持等功能，可以参考官方文档进行更深入的了解。

以上两种方法可以满足大部分我们页面中的日期时间格式需求，通过代码实例使用了 Vue.js 和 Moment.js 库，将更方便地实现日期时间格式的处理。