前言:
vue3中我用的是setup语法糖的方式来实现。
<template>
<div>
<h1>我是父组件</h1>
<hr />
<h3>{{ nowTime }}</h3>
</div>
</template>
<script setup>
import { ref, onMounted } from "vue";
import moment from "moment";
let nowTime = ref();
const getTime = () => {
nowTime.value = moment().format("YYYY-MM-DD · hh:mm:ss");
};
onMounted(() => {
setInterval(() => {
getTime();
}, 1000);
});
</script>