vue2 订单倒计时

可以使用 Vue.js 的计算属性和定时器来实现订单倒计时。首先，在 data 中定义订单结束时间的时间戳，然后在计算属性中计算剩余时间，最后在模板中渲染倒计时即可。

示例代码如下：

<template>
  <div>
    <p>订单结束倒计时：{{ countdown }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      endTime: 1635724800000, // 订单结束时间的时间戳
    };
  },
  computed: {
    countdown() {
      const now = new Date().getTime();
      const diff = this.endTime - now;
      if (diff <= 0) {
        return '已结束';
      }
      const days = Math.floor(diff / (24 * 60 * 60 * 1000));
      const hours = Math.floor((diff % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
      const minutes = Math.floor((diff % (60 * 60 * 1000)) / (60 * 1000));
      const seconds = Math.floor((diff % (60 * 1000)) / 1000);
      return `${days}天${hours}小时${minutes}分${seconds}秒`;
    },
  },
  mounted() {
    setInterval(() => {
      this.$forceUpdate(); // 强制更新计算属性
    }, 1000);
  },
};
</script>