代码如下
<body>
<div id="app">
<h1>{{name}}</h1>
<!-- v-on是监听 监听事件的变化 -->
<button type="button" v-on:click='add'>增加</button>
<button type="button" @click='ksk'>减少</button>
</div>
<script src="vue.js"></script>
<script>
const app=new Vue({
el:'#app',
data(){
return{
name:1
}
},
methods:{
add(){
this.name++//this代表vue的实例 所有需要从data中拿的数据都要加this你才能拿到
},
ksk(){
this.name--
}
}
})
</script>
</body>