按钮绑定点击事件说明》

按钮绑定点击

无参数

<button v-on:click=“方法fn”></button>
<button @click=“方法fn”></button>

有参数

<button @click=“方法fn(参数)”></button>
<button @click=“方法fn($event,num)”></button>

<script>
	const vm = new Vue({
		el:'',
		data:,
		methods:{
			fn(event,num){
			}
		}

	})

</script>

拓展
Vue事件修饰符（可以连着写）
语法：

<button @click.stop.prevent=“方法fn(参数)”></button>

1.prevent:阻止默认行为
2.stop:阻止事件冒泡
3.once:事件只触发一件
4.capture:使用事件捕获模式
5.self:只有event.target是当前操作的元素时才触发事件
6.passive:事件的默认行为立即执行，无需等待事件回调执行完毕

Vue中常用的按键别名
回车（enter）
删除（delete）
退出（esc）
空格（space）
换行（tab） (必须配合keydown)
上，下，左，右（up,down,left,right）
用法:

<input @keyup.enter="方法fn(参数)">  //当按enter键抬起的时候触发方法fn()