案列三:对Vue有基本的认识
2021-02-20,86
<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="../js/vue.js"></script>
<script>
const app=new Vue({
el:'#app',
data:{
counter:0
},
methods:{
add:function(){
app.counter++;
},
sub:function(){
app.counter--;
}
}
});
</script>