Vue的事件处理

我们可以使用v-on指令(简写为@)来监听DOM事件，并在触发时执行对应的JavaScript代码。

用法：v-on:事件类型="函数"或者@事件类型="函数"。

内联事件处理器

事件被触发时执行的内联JavaScript语句(与onclick相似)

<template>
	<view>
		<button @click="number++">自增{{ number }}</button>
	</view>
</template>

<script>
export default {
		data() {
			return {
				number : 0,
			}
		}
	}
</script>

方法事件处理器☆

一个指向组件上定义的方法属性名或路径

<template>
	<view>
		<button @click="addnumber">自增{{ number }}</button>
	</view>
</template>

<script>
export default {
		data() {
			return {
				number : 0,
			}
		},
		methods: {
			addnumber(){
				this.number++
			}
		}
	}
</script>