Vue3+Vite实现工程化，事件绑定以及修饰符

我们可以使用v-on来监听DOM事件，并在事件触发时执行对应的Vue的Javascript代码。

• 用法：v-on:click = "handler" 或简写为  @click = "handler"
• vue中的事件名=原生事件名去掉 on 前缀  如:onClick --> click
• handler的值可以是方法事件处理器，也可以是内联事件处理器
• 绑定事件时，可以通过一些绑定的修饰符，常见的事件修饰符如下

@click.once:只触发一次事件。[重点]

@click.prevent:阻止默认事件。[重点]

@click.stop:阻止事件冒泡

@click.capture:使用事件捕获模式而不是冒泡模式

@click.self:只在事件发送者自身触发时才触发事件