vue2实现倒计时在页面显示，要求接收到一个待支付的时间，然后倒计时，如等待时间60秒从60秒倒计时

您可以使用Vue的计算属性和定时器来实现倒计时功能。首先，您需要在Vue的data中定义一个变量来接收待支付的时间，然后使用计算属性来计算倒计时的剩余时间。在计算属性中，您可以使用JavaScript的Date对象来获取当前时间，并将待支付时间减去当前时间得到剩余时间。

接下来，您需要使用Vue的生命周期钩子函数created()来启动定时器，每秒更新一次剩余时间。在定时器回调函数中，您可以将剩余时间减1，直到剩余时间为0时清除定时器。

最后，在页面中使用插值表达式将剩余时间显示出来即可。

以下是一个简单的示例代码：

<template>
  <div>
    <p>倒计时: {{ countdownTime }}秒</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      paymentTime: 60, // 待支付的时间，单位为秒
    };
  },
  computed: {
    countdownTime() {
      // 计算剩余时间
      let currentTime = new Date().getTime() / 1000; // 当前时间，单位为秒
      let remainingTime = Math.max(0, this.paymentTime - currentTime);
      return Math.floor(remainingTime);
    },
  },
  created() {
    // 启动定时器
    this.timer = setInterval(() => {
      this.paymentTime -= 1;
      if (this.paymentTime <= 0) {
        clearInterval(this.timer);
      }
    }, 1000);
  },
  beforeDestroy() {
    // 清除定时器
    clearInterval(this.timer);
  },
};
</script>

在上述代码中，`countdownTime`是一个计算属性，用于计算剩余时间。`created()`生命周期钩子函数中，启动了一个定时器，每秒更新一次剩余时间，并在剩余时间为0时清除定时器。在页面中使用插值表达式`{{ countdownTime }}`将剩余时间显示出来。

请注意，上述代码仅为示例，实际使用时需要根据自己的业务逻辑进行相应的调整。