点击加号或减号可进行数的增加和减小
- 将vuejs下载,下载网址
2.
下载好的文件展示:
复制粘贴到自己的web项目中
直接用
<script>
标签引入(此标签可放在.html的任意位置)
方法一:
<body
<div id="cout">
<h2>当前计数:{{counter}}</h2>
<button v-on:click="counter++">+</button>
<button v-on:click="counter--">-</button>
<div>
<script>
const cout = new Vue({
el:'#cout',
data:{
counter:0
}
})
</script>
</body>
方法二:
<div id="cout">
<button v-on:click="add">+</button>
<button v-on:click="minus">-</button
</div>
<script>
const cout = new Vue({
el: '#cout',
data: {
counter: 0
},
methods:{
add:function (){
console.log('add已执行');
this.counter++;
},
minus:function () {
console.log('minus已执行');
this.counter++;
}
}
})
</script>