Vueは時間カウントダウン機能を実装する

<テンプレート>
 <div>残りの支払い時間: {{count}}</div>
</テンプレート>
<スクリプト>
エクスポートデフォルト{
    データ（） {
        戻る {
            count: '', // カウントダウン seconds: 864000 // 10日間の秒数}
    },
    マウント() {
        this.Time() //タイマーを呼び出す},
    メソッド: {
        // 日、時間、分、秒の書式設定関数 countDown() {
            d = parseInt(this.seconds / (24 * 60 * 60)) とします。
            d = d < 10 ? "0" + d : d
            h = parseInt(this.seconds / (60 * 60) % 24) とします。
            h = h < 10 ? "0" + h : h
            m = parseInt(this.seconds / 60 % 60) とします。
            m = m < 10 ? "0" + m : m
            s = parseInt(this.seconds % 60) とします。
            s = s < 10 ? "0" + s : s
            this.count = d + '日' + h + '時間' + m + '分' + s + '秒'
        },
        //タイマーパラメータは1秒ごとに1ずつ減少します
        時間（） {
            間隔を設定する(() => {
                this.秒 -= 1
                this.countDown()
            }, 1000)
        },
    }
}
</スクリプト>

カウントタイム: 関数 () {
        //現在の時刻を取得します。var date = new Date();
        var now = date.getTime();
        //期限を設定します var endDate = new Date("2018-10-22 23:23:23");
        var end = endDate.getTime();
        //時間差 var leftTime = end - now;
        //カウントダウン時間を保存する変数d、h、m、sを定義します。if (leftTime >= 0) {
                    d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
                    this.h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
                    this.m = Math.floor(leftTime / 1000 / 60 % 60);
                    this.s = Math.floor(leftTime / 1000 % 60);
         }
          コンソールにログ出力します。
          // 動的な時間効果を表示するために、countTime メソッドを毎秒再帰的に呼び出します。setTimeout(this.countTime, 1000);
 }