如下所示：
<!DOCTYPE html>
<html>
<head>
< charset="UTF-8">
< >Vue</ >
</head>
<body>
<div id="app">
{{date}}
</div>
<!-- 开发环境版本，包含了用帮助的命令行警告 -->
< src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></ >
< type="text/ ">
var app = new Vue({
el:'#app',
data:{
date: new Date()
},
mounted () {
var _this = this; //声明一个变量指向vue实例this,保证作用域一致
this.timer = setInterval(function() {
_this.date = new Date();//修改数据date
}, 1000);
},
beforeDestroy () {
if(this.timer) {
clearInterval(this.timer);//在vue实例销毁钱，清除我们的定时器
}
}
});
</ >
</body>
</html>
以上这篇vue 2.1.3 实时显示当前时间,每秒更新的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
上一篇 :
2019阿里云开年Hi购季云安全分会场全攻略！
下一篇 :
Redis分布式概览
-
Python Threading 学习笔记 | 4、Queue功能
2026-05-18栏目： 教程
-
Python Threading 学习笔记 | 5、不一定有效率GIL
2026-05-18栏目： 教程
-
使用 Docker 部署 Spring Boot 项目
2026-05-18栏目： 教程
-
发布订阅模式
2026-05-18栏目： 教程
-
Docker 用ansible给主机安装docker
2026-05-18栏目： 教程