vue获取当前时间并实时刷新相加

效果图：

代码实现：

data(){
		return{
			nowYear: '',//年
            nowMouth: '',//月
            nowDate: '',
            nowWeek: '',//周几
            hms: '',//时分秒
            timer: '', //定义一个定时器的变量
		}
},
create(){
			this.timer = setInterval(this.getdate, 1000)
},
methods:{
			// 获取当前系统时间
        getdate() {
            const year = new Date().getFullYear()
            const mounth =
                new Date().getMonth() + 1 < 10
                    ? '0' + (new Date().getMonth() + 1)
                    : new Date().getMonth() + 1
            const date =
                new Date().getDate() < 10
                    ? '0' + new Date().getDate()
                    : new Date().getDate()
            const hh = new Date().getHours()
            const mf =
                new Date().getMinutes() < 10
                    ? '0' + new Date().getMinutes()
                    : new Date().getMinutes()
            const ss =
                new Date().getSeconds() < 10
                    ? '0' + new Date().getSeconds()
                    : new Date().getSeconds()
            const week = new Date().getDay()
            if (week === 1) {
                this.nowWeek = '星期一'
            } else if (week === 2) {
                this.nowWeek = '星期二'
            } else if (week === 3) {
                this.nowWeek = '星期三'
            } else if (week === 4) {
                this.nowWeek = '星期四'
            } else if (week === 5) {
                this.nowWeek = '星期五'
            } else if (week === 6) {
                this.nowWeek = '星期六'
            } else if (week === 27) {
                this.nowWeek = '星期日'
            }
            this.nowYear = year
            this.nowMouth = mounth
            this.nowDate = date
            this.hms = hh + ':' + mf + ':' + ss
        },
},
beforeDestroy() {
        if (this.timer) {
            clearInterval(this.timer) // 在Vue实例销毁前，清除定时器
        }
    },

这样就能实现时间的时分秒随系统时间时分秒依次相加，