vue时间戳转换

在Vue中，你可以创建一个过滤器来将时间戳转换成可读的日期格式。以下是一个简单的例子：

1. 首先，在Vue组件中定义过滤器：

Vue.filter('formatDate', function(value) {
  if (value) {
    return new Date(value).toISOString().slice(0, 10);
  }
  return '';
});

或者如果你使用的是Vue 3，你应该使用全局方法createApp来创建你的Vue实例之后，再使用app.config.globalProperties来添加过滤器：

const app = Vue.createApp({});
 
app.config.globalProperties.$filters = {
  formatDate(value) {
    if (value) {
      return new Date(value).toISOString().slice(0, 10);
    }
    return '';
  }
};

2. 在你的模板中使用这个过滤器：

<span>{{ timestampValue | formatDate }}</span>

这里timestampValue是你要转换的时间戳。

如果你使用的是Vue 3，并且想要在组件内部局部注册过滤器，可以这样做：

export default {
  filters: {
    formatDate(value) {
      if (value) {
        return new Date(value).toISOString().slice(0, 10);
      }
      return '';
    }
  }
};

然后在模板中同样使用：

<span>{{ timestampValue | formatDate }}</span>

这样，你就可以在Vue应用中将时间戳转换成日期格式了。