给我一个时间戳转换工具vue代码

以下是一个基本的时间戳转换工具的Vue组件代码：

<template>
  <div>
    <label>输入时间戳：</label>
    <input type="number" v-model="timestamp">
    <button @click="convert">转换</button>
    <div v-if="converted">
      <p>转换结果：</p>
      <p>日期：{{ date }}</p>
      <p>时间：{{ time }}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timestamp: null,
      date: null,
      time: null,
      converted: false
    };
  },
  methods: {
    convert() {
      const dateObj = new Date(this.timestamp * 1000);
      const year = dateObj.getFullYear();
      const month = dateObj.getMonth() + 1;
      const date = dateObj.getDate();
      const hours = dateObj.getHours();
      const minutes = dateObj.getMinutes();
      const seconds = dateObj.getSeconds();
      this.date = `${year}-${month}-${date}`;
      this.time = `${hours}:${minutes}:${seconds}`;
      this.converted = true;
    }
  }
};
</script>

这个组件包括一个输入框和一个转换按钮。用户输入一个时间戳，点击转换按钮后，组件会将时间戳转换为对应的日期和时间，并显示在页面上。

在Vue的data中，我们定义了四个变量：timestamp、date、time和converted。timestamp用于存储用户输入的时间戳，date和time用于存储转换后的日期和时间，converted用于判断转换是否完成。

在组件的方法中，我们定义了一个convert函数，用于将时间戳转换为日期和时间。我们使用了JavaScript的Date对象，通过计算年、月、日、小时、分钟和秒来得到对应的日期和时间。最后，我们将日期和时间赋值给对应的变量，并将converted设为true，表示完成转换。

在模板中，我们使用了Vue的双向绑定语法v-model来绑定输入框和timestamp变量。当用户点击转换按钮后，我们会根据converted变量的值来显示或隐藏转换结果。如果converted为true，则会显示日期和时间。