按钮是网页中常见的交互元素，用户可以通过点击按钮触发一些事件和操作。在Vue中，我们可以通过v-on指令给按钮绑定事件，从而实现按钮的交互功能。
上面代码中，我们给按钮添加了v-on指令，指定了click事件，v-on:click可以简写为@click。另外，我们还指定了一个处理函数handleClick，在点击按钮时会触发该函数。
{{ counter }}
除了指定处理函数，我们还可以直接在v-on指令中编写JavaScript代码。上面的代码实现了一个简单的计数器功能，点击按钮时会让计数器加1，并且实时显示在网页中。
在处理函数中，我们可以使用$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指令，可以为网页开发带来便利和效率。