6.事件处理

1. 点击事件

<div id="app">
			<button v-on:click="shouInfo"></button>
		</div>
		<script>

			const vm = new Vue({
				el:"#app",
				methods:{
					shouInfo(){
						console.log("hello vue");
					}
				}
			})
		</script>

1. v-on 定义绑定事件，v-on:可以简写为@ 。
   2.showInfo为事件处理函数，其实现定义在mthsods中。

2. 事件传递参数

1. 当绑定事件没有传参时，不要要加()，会默认传递事件对象，
2. 如要传递参数时，需要加()
3. 在传递参数时，如果需要事件对象，需要使用Vue提供的$event 作为事件对象占位符。

3. 事件修饰符

在事件名后通过. 添加事件修饰符，可以通过多个.添加多个修饰符。

• vue中提供的事件修饰符：

修饰符	说明
prevent	阻止默认事件，如a链接的跳转，表单按钮提交数据等
stop	阻止冒泡
once	事件只触发一次
catture	使用事件的捕获模式
self	只有当event_target为当前操作的元素时才出发操作
passive	立即执行事件的默认行为，无需等待事件回调执行完毕

4.键盘事件

1. Vue提供了两个键盘事件：v-keyup和v-keydown
2. 通过按键名称、按键别名、按键码进行事件修饰，来确定哪个按键触发事件。