如何在不使用vue3过滤器的情况下实现时间戳转换？

本文共计441个文字，预计阅读时间需要2分钟。

Vue2中转换时间戳通常使用过滤器的方式，而Vue3之后移除了过滤器，建议使用方法或计算属性进行转换。以下是一个简单的`Time.ts`文件示例，用于转换时间戳：

typescriptimport { defineComponent, computed } from 'vue';

export default defineComponent({ name: 'TimeComponent', props: { timestamp: { type: Number, required: true } }, setup(props) { const formattedTime=computed(()=> { const date=new Date(props.timestamp); return date.toLocaleString(); });

return { formattedTime }; }});

在这个组件中，我们使用`computed`来创建一个响应式的计算属性`formattedTime`，它会根据传入的`timestamp`来格式化时间。这样，你就可以在模板中直接使用`formattedTime`来显示格式化后的时间。

 vue2转换时间戳的时候一般使用过滤器的方式，到vue3之后，vue3移除了过滤器，就不能再用了，官方是推荐使用方法或者计算属性的方式。