Vue3基础[3]：事件修饰符（eventmodifier）
表单
学员鉴定如下的表单，点击 Sign Up，浏览器默认提交表单并向服务器发送HTTP请求，页⾯将重新加载，Vue app 将重启。
<form submit='submitForm'>前期介入
<input type='text'></input>
胡惟庸怎么死的<button>Sign Up</button>
</form>
秋的诗词为了阻⽌这种默认⾏为，有两种⽅法：
1. 使⽤ Vanilla JS 的 preventDefault ⽅法：
submitForm(e){
e.preventDefault();
李云迪console.log("event submitted!")
},
2. 使⽤ Vue 内建的事件修饰符，这个例⼦使⽤ .prevent 。即将 <form v-on:submit='submitForm'> 改为 <form v-
中国十大珍稀药材
on:submit.prevent='submitForm'> ，也就是在监听的事件后加.prevent ，从⽽可以省略 submitForm ⾥对应的逻辑，从⽽简化代码。使⽤ .stop 阻⽌传播 propagation。
<button click.right="reduce(10)">Remove</button>
⿏标
.right : 仅仅响应⿏标右击事件，对应 click 有3种修饰符：left, middle, right. 默认 left.
无字碑歌朗诵稿件键盘
<input type="text"input="="oneMethod"/>
keyup ： 某个键被按下并被释放，修饰符可以是：enter 回车键被按下。
无尾熊抱抱或者 ctrl， shift，page-down 等等。这⾥监听 enter 键事件。
