Vue.js实现简单计时器应用

本文实例为大家分享了Vue.js实现简单计时器应用的具体代码，供大家参考，具体内容如下

一、计时器

1、在data中定义数据：比如num用来计时；

2、menthods中的添加两个方法：比如add(作加运算），sub(做间的运算）；

3、使用一个V-text将num设置为给标签；

4、使用一个v-on将add和sub分别绑定给+和-按钮。

5、累加的逻辑：小于30累加，否则提示；

6、递减的逻辑：大于0递减，否则提示。

源代码如下：

    
    
    
    


    
      

      

        
            -
        
        {{num}}
        
            +
        
      
      
        

最终结果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。