11 事件处理
<template>
<!-- 内联事件处理器 ,很少用 -->
<h3>内联事件处理器</h3>
<button v-on:click="count++">内联事件处理器</button>
<p>{{ count }}</p>
<!-- 方法事件处理器 ,常用 -->
<h3>方法事件处理器</h3>
<button @click="AddCount">方法事件处理器</button>
<p>{{ count }}</p>
</template>
<script >
export default{
data() {
return {
count: 0
}
},
methods: {
AddCount() {
this.count++
}
},
}
</script>