How do I handle events in Vue.js?

How do I handle events in Vue.js?

In Vue.js, you can handle events using the v-on directive or the shorthand @. For example, @click can be used to handle click events.

Can you show me an example of using v-on?

Sure! Here's a simple example: <button v-on:click="doSomething">Click me</button>. This will call the doSomething method when the button is clicked.

What if I want to pass parameters to the event handler?

You can pass parameters by using an inline method call. For example: <button @click="doSomething(param)">Click me</button>.

Is there a way to stop event propagation?

Yes, you can use the .stop modifier. For example: <button @click.stop="doSomething">Click me</button> will prevent the event from bubbling up.