在vue中写一个时间倒计时

<template>
<div>
<div>{{ days }} 天 {{ hours }} 时 {{ minutes }} 分 {{ seconds }} 秒</div>
</div>
</template>

<script>
export default {
data() {
return {
deadline: new Date("2022-01-01 00:00:00"),
days: 0,
hours: 0,
minutes: 0,
seconds: 0,
};
},
mounted() {
setInterval(() => {
let now = new Date().getTime();
let diff = this.deadline - now;

this.days = Math.floor(diff / (1000 * 60 * 60 * 24));
this.hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
this.minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
this.seconds = Math.floor((diff % (1000 * 60)) / 1000);
}, 1000);
},
};
</script>