Event Handling是甚麼呢?

Event Handing是可以用v-on指令監聽DOM事件，並在觸發時執行一些 JavaScript 代碼。

昨天我們已經有先說明v-on我就不在說明了。那今天我就來說說Event Modifiers(事件修飾符)，我們常見的有prevent、stop、capture、self...

@click.prevent

此範例為當點擊button這個超連結時並不會跑到google的網頁，反而是會跑出訊息

@click.stop

簡單說在.stop的地方不會被執行，但是parent還是會照常執行

@click.capture

這個例子呢，再有capture的地方會叫先去執行，然後再去執行別的地方

@click.self

我們在這個例子裡增加了middle method，並在parent的div多加了.self。

當點擊button時，只出發其他的函數，主要是因為.self需要在條件event.target自身時，而此處的event.target為button。

@click.once

.once這就很明顯，他就只會觸發一次，之後再怎麼按button都不會跑出訊息。

今天就先到這了，明天見~