<body>
<div id="app">
<h2>当前计数:{{counter}}</h2>
<!-- <button v-on:click="counter++">+</button>
<button v-on:click="counter--">-</button> -->
<button v-on:click="add">+</button>
<button v-on:click="sub">-</button>
</div>
<script src="../vue.js"></script>
<script>
const app=new Vue({
el:'#app',
data:{
counter:0
},
methods:{
add: function(){
console.log('add被执行');
this.counter++;
},
sub:function(){
console.log('sub被执行');
this.counter--;
}
}
})
</script>
</body>
vuejs简单案例——计数器
最新推荐文章于 2024-05-22 21:15:32 发布