VUE计数器小示例

网友投稿 684 2022-11-03

VUE计数器小示例

1. data中定义数据:比如num 2. methods中添加两个方法:比如add(递增),sub(递减) 3.使用v-text将num设置给span标签 4.使用v-on将add,sub分别绑定给+,按钮 5.累加的逻辑:小于10累加,否则提示 6.递减的逻辑:大于0递减,否则提示

结果:

2,最大

3,最小

代码:

计数器













{{num}}
var app = new Vue( { el:"#app", data:{ num:1 }, methods:{ add:function(){ if(this.num<10){ this.num++ } else{alert("别点了,最大啦!")} }, sub:function(){ if(this.num>0){ this.num-- } else{alert("我也是有最小值的!")} } } } )

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:VUE的本地应用-V- on
下一篇:iOS-CoreML-Yolo在CoreML框架上使用Tiny YOLO v1模型实现对象检测
相关文章

 发表评论

暂时没有评论,来抢沙发吧~