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

<div class="itemend">
 <p class="itemss">カウントダウン<span>{{day}}</span>日<span>{{hour}}</span>時間<span>{{minute}}</span>分<span>{{second}}</span>秒</p>
</div>

データ（） {
 戻る {
 日: "", //日 時間: "", //時間 分: "", //分 秒: "", //秒フラグ: false,
 };
 },
 マウント() {
 time = setInterval(() => { を設定します。
 if (this.flag == true) {
 クリア間隔(時間);
 }
 this.timeDown();
 }, 500);
 },
 小道具: {
 終了時間: {
 タイプ: 文字列、
 },
 },
 メソッド: {
 タイムダウン() {
 定数 endTime = 新しい Date(this.endTime);
 datetime は date 要素の後に続く date 要素です。
 leftTime = parseInt((endTime.getTime() - nowTime.getTime()) / 1000); とします。
 d = parseInt(leftTime / (24 * 60 * 60))とします。
 h = this.formate(parseInt((leftTime / (60 * 60)) % 24)); とします。
 m = this.formate(parseInt((leftTime / 60) % 60)); とします。
 s = this.formate(parseInt(leftTime % 60)); とします。
 左時間 <= 0 の場合
 this.flag = true;
 this.$emit("time-end");
 }
 this.day = d; //日 this.hour = h; //時間 this.minute = m; //分 this.second = s; //秒},
 フォーマット(時間) {
 (時間 >= 10) の場合 {
 返却時間;
 } それ以外 {
 `0${time}` を返します。
 }
 },
}

<テンプレート>
 <div>
 <Times :endTime='timeEnd'></Times>
 </div> 
</テンプレート>

Times を "@/components/time" からインポートします。
エクスポートデフォルト{
 名前: "ホーム",
 データ（） {
 戻る {
 timeEnd: "2021-3-30 9:50" //終了時間（Appleの携帯電話では「-」を解析できないため、形式を2021/3/30に変更できます）
 },
 
 コンポーネント:
 タイムズ、
 },
};