Vueは指定された日付間のカウントダウンを実装します

<div class="time-down">
  <div class="back">{{dayNum}}</div>
  <div class="font-14 date">日</div>
  <div class="back">{{時間数}}</div>
  <div class="font-14 date">時間</div>
  <div class="back">{{分数}}</div>
  <div class="font-14 date">議事録</div>
  <div class="back">{{secondNum}}</div>
  <div class="font-14 date">秒</div>
</div>

'moment' から moment をインポートします。
エクスポートデフォルト{
    名前: 'TimeRangPage',
    小道具: {
      開始時刻: 文字列、
      endTime: 文字列
    },
    データ （） {
      戻る {
        日数: 0,
        時間: 0,
        分: 0,
        秒: 0,
        時間設定間隔: null、
        表示タイムダウン: false、
        表示オーバー: false
      };
    },
    作成された（）{
      if (moment(new Date()).isBefore(this.startTime)) {
        this.showTimeDown = true;
        this.timeDown();
      }
      (moment(new Date()).isAfter(this.endTime)) this.showOver = true の場合;
    },
    メソッド: {
      タイムダウン（）{
        this.timeSetInterval = setInterval(() => {
          （moment（this.startTime）がmoment（）より前である場合）
            this.showTimeDown = false;
            間隔をクリアします(this.timeSetInterval);
            場所を再読み込みします。
          }
          dur = moment.duration(moment(this.startTime) - moment(), 'ms') とします。
          this.days = dur.get('days');
          this.hours = dur.get('hours');
          this.minutes = dur.get('minutes');
          this.seconds = dur.get('seconds');
        }, 1000);
      }
    },
    計算: {
      日数() {
        if (this.days < 10) は '0' + this.days を返します。
        this.days を返します。
      },
      時間数() {
        if (this.hours < 10) は '0' + this.hours を返します。
        this.hours を返します。
      },
      分数() {
        if (this.minutes < 10) は '0' + this.minutes を返します。
        this.minutes を返します。
      },
      秒数() {
        if (this.seconds < 10) は '0' + this.seconds を返します。
        this.seconds を返します。
      }
    }
  };