计数器初始值为零,点击加减
<div id="app">
<h2>当前计数:{{counter}}</h2>
<button v-on:click="sub">-</button>
<button v-on:click="add">+</button>
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el:"#app",
data:{
counter:0
},
methods:{
add:function () {
this.counter++
},
sub:function () {
this.counter--
}
}
})
</script>
没有上限和下限,可添加限制