vue3中动态显示当前时间

//在setup中写入

const time = ref();
// 获取当前时间
const getTime = () => {
  time.value = new Date();
};
var timer = 0;
onMounted(() => {
  timer = setInterval(() => {
    //设置定时器
    getTime(); //自定义事件
  }, 1000);
});
onBeforeUnmount(() => {
  clearInterval(timer); //清除定时器
  timer = 0;
});

当然展示出来的数据是这样的

 我们可以对时间进行格式化