vue 2.1.3 实时显示当前时间,每秒更新的方法
程序员文章站
2023-02-22 21:11:23
如下所示：
如下所示：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>vue</title>
</head>
<body>
<div id="app">
{{date}}
</div>
<!-- 开发环境版本，包含了用帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
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实例销毁钱，清除我们的定时器
}
}
});
</script>
</body>
</html>
以上这篇vue 2.1.3 实时显示当前时间,每秒更新的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
下一篇： 经典小笑话5则