按鈕是網頁中常見的交互元素，用戶可以通過點擊按鈕觸發一些事件和操作。在Vue中，我們可以通過v-on指令給按鈕綁定事件，從而實現按鈕的交互功能。

Click Me!

上面代碼中，我們給按鈕添加了v-on指令，指定了click事件，v-on:click可以簡寫為@click。另外，我們還指定了一個處理函數handleClick，在點擊按鈕時會觸發該函數。

Add 1
{{ counter }}

除了指定處理函數，我們還可以直接在v-on指令中編寫JavaScript代碼。上面的代碼實現了一個簡單的計數器功能，點擊按鈕時會讓計數器加1，并且實時顯示在網頁中。

Click Me!

在處理函數中，我們可以使用$event參數來訪問事件對象，進而獲取更多關于事件的信息。例如，我們可以獲取鼠標點擊時的x、y坐標：

handleClick: function(event) {
console.log(event.clientX);
console.log(event.clientY);
}

在Vue中，除了click事件之外，還支持各種其他事件，例如input、change、submit等。在v-on指令中嘗試不同的事件，可以實現豐富的交互體驗。

{{ message }}

除了綁定按鈕點擊事件，我們還可以綁定表單輸入事件。上面的代碼實現了一個實時顯示用戶輸入內容的功能，當用戶在輸入框中輸入文本時，handleChange處理函數會被調用，并且將輸入的內容綁定到message變量上，從而實現實時更新。

總之，v-on指令是Vue中非常重要的一個指令，通過它我們可以實現各種交互功能。學會使用v-on指令，可以為網頁開發帶來便利和效率。