pc前段页面显示实时时间(年-月-日 时:分:秒)

前段显示实时时间:

<template>
	<!-- 页面显示的位置 -->
	<div>
		{{time}}
	</div>
</template>

<script>
	export default {
		data() {
			return {
				//定义全局变量
				time: ""
			}
		}
		created() {
			this.getTime();
		}
		methods: {
			// 获取当前时间,赋值
			getTime() {
				// 延时获取
				setInterval(() => {
					this.time = dateFormat(new Date());
				}, 1000);
			}
			
		}
	}
</script>

最终结果: