vue 倒计时天数

可以使用 JavaScript 的 Date 对象来实现倒计时功能。首先获取当前时间和目标时间，然后计算时间差，最后将时间差转换为天数即可。

下面是一个基于 Vue 的倒计时组件的示例代码：

<template>
  <div>
    倒计时 {{ days }} 天
  </div>
</template>

<script>
export default {
  data() {
    return {
      targetDate: new Date('2022-01-01'),
      days: 0
    }
  },
  created() {
    setInterval(this.updateDays, 1000)
  },
  methods: {
    updateDays() {
      const currentDate = new Date()
      const timeDiff = this.targetDate.getTime() - currentDate.getTime()
      const diffInDays = Math.floor(timeDiff / (1000 * 3600 * 24))
      this.days = diffInDays
    }
  }
}
</script>

在上面的代码中，我们首先在 `data` 中定义了目标日期 `targetDate` 和倒计时天数 `days`。在组件创建时，我们使用 `setInterval` 方法每秒钟更新一次倒计时天数。在 `updateDays` 方法中，我们获取当前日期和目标日期之间的时间差，然后将时间差转换为天数并更新 `days` 的值。最后，在模板中显示倒计时天数即可。

注意，这里的时间差计算假设目标日期在当前日期之后。如果目标日期在当前日期之前，时间差将为负数。在这种情况下，可以将时间差取绝对值并将倒计时天数设为 0，表示倒计时已结束。