Vue 是一個JavaScript框架，可以用于構建交互式的Web界面。Vue實現了響應式編程，意味著界面會隨著數據的變化而自動更新。為實現這種動態效果，Vue提供了許多常用事件。

一、v-on

<div v-on:click="methodName"></div>

v-on是Vue的事件綁定指令，用于監聽DOM事件。在上面的示例中，當div被點擊時，Vue將會調用對應的方法。

二、@

<div @click="methodName"></div>

@是v-on指令的簡寫形式，相比之下更加簡潔易讀。

三、事件修飾符

<div v-on:click.stop="methodName"></div>

事件修飾符用于修改事件的行為。在上面的示例中，.stop修飾符用于停止事件的傳播。也就是說，當div被點擊時，該事件不會繼續傳播到父元素。

四、.prevent

<form v-on:submit.prevent="submitForm"></form>

.prevent修飾符用于阻止默認事件的發生。在上面的示例中，.prevent用于阻止表單提交時頁面的刷新。

五、.capture

<div v-on:click.capture="methodName"></div>

.capture用于將事件綁定在父元素上。在上面的示例中，監聽click事件的是父元素，而不是div元素本身。

六、.once

<div v-on:click.once="methodName"></div>

.once表示只綁定一次事件。例如，在上面的示例中，當div被點擊一次后，該事件的響應函數將會立即被解綁。

七、自定義事件

this.$emit('custom-event', data);

Vue提供了自定義事件，以便用戶能夠在組件之間進行數據交互。上面的示例中，自定義了名為custom-event的事件，并將data作為參數傳遞給該事件。

八、組件事件

<my-component @custom-event="doSomething"></my-component>

父組件可以偵聽子組件觸發的事件，并做出響應。在上面的示例中，當my-component觸發custom-event事件時，父組件將調用doSomething方法。

上述事件只是Vue中的一部分，如需了解更多常用事件，請訪問Vue官網。