vue时间计算,vue实现计数器

　　本文主要详细介绍了基于Vue方法的简单定时器的实现。本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下。

　　Vue简单定时器，供你参考，详细内容如下

　　原理：setInterval每1s(可设置的时间间隔)运行一次自动递增方式，clearInterval停止连续运行的自动递增方式，实现定时器的功能。在Vue部分，利用Vue的实时视图刷新功能，在前端显示自增变量的值。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　标题时间/标题

　　script src= js/vue . js type= text/JavaScript charset= utf-8 /script

　　/头

　　身体

　　div id=应用程序

　　type= button name= id= value= start @ click= start /br

　　h1{{number}}/h1

　　type= button name= id= value= pause @ click= stop /br

　　/div

　　脚本类型=文本/javascript

　　var vm=new Vue({

　　埃尔： #app ，

　　数据：{

　　数量：0

　　},

　　方法：{

　　开始：函数(){

　　time=setInterval(function(){

　　虚拟机编号

　　},1000)

　　},

　　停止：函数(){

　　清除间隔(时间)

　　}

　　}

　　})

　　/脚本

　　/body

　　/html

　　翻译

　　这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。