vue中对时间戳的处理方式

在Vue中，我们通常使用Date对象来处理时间和日期。而时间戳就是自1970年1月1日起的毫秒数值，是Date对象的一种表达方式。在Vue中，我们可以用过滤器、方法或计算属性的方式来处理时间戳。

使用过滤器来处理时间戳

我们可以通过定义一个过滤器，将时间戳转换成我们所需要的日期格式。

<p>{{ timestamp | formatDate }}</p>

filters: {
  formatDate: function (timestamp) {
    var date = new Date(timestamp)
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()
    return year + '-' + month + '-' + day
  }
}

以上代码中通过定义了一个名为“formatDate”的过滤器，将时间戳转换为了年-月-日的格式。

使用方法来处理时间戳

我们也可以使用Vue的methods属性来定义一个处理时间戳的方法。

<p>{{ formatDate(timestamp) }}</p>

methods: {
  formatDate: function (timestamp) {
    var date = new Date(timestamp)
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()
    return year + '-' + month + '-' + day
  }
}

以上代码通过定义了一个名为“formatDate”的方法，将时间戳转换为了年-月-日的格式。

使用计算属性来处理时间戳

Vue中的计算属性通常用于处理复杂的数据逻辑，我们也可以使用它来处理时间戳。

<p>{{ formattedDate }}</p>

computed: {
  formattedDate: function () {
    var date = new Date(this.timestamp)
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var day = date.getDate()
    return year + '-' + month + '-' + day
  }
}

以上代码中定义了一个名为“formattedDate”的计算属性，将时间戳转换为了年-月-日的格式。

需要注意的是，以上三种方式都需要传递一个时间戳作为参数，并将其转换成想要的日期格式。