手机版

vue 2.1.3实时显示当前时间并每秒更新的方法

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

如下图所示:

!DOCTYPE html html head meta charset=' UTF-8 ' title vue/title/head body div id=' app ' { date } }/div!-开发环境版本,包含带有帮助的命令行警告-script src=' http :3359 cdn . jsdeliver . net/NPM/vue/dist/vue . js '/script script type=' text/JavaScript ' varapp=new vue({ El : ' # app ',data:{ date: new Date() },mounted(){ var _ this=this;//声明一个变量指向vue实例this,并确保作用域一致。这个。timer=set interval(function(){ _ this。date=new date();//修改数据日期},1000);},before destroy(){ if(this . timer){ clearInterval(this . timer);//销毁vue实例中的货币并清除我们的计时器} } });/脚本/正文/html

以上vue 2.1.3实时显示当前时间,每秒更新一次的方法是边肖分享的全部内容。希望能给大家一个参考,支持我们。

版权声明:vue 2.1.3实时显示当前时间并每秒更新的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。