To add methods to a component instance we use the methods option.
we can define them the way we defined data and indeed methods is a object of functions.
const app = Vue.createApp({
data() {
return {
count: 0
}
},
methods: {
increment() {
this.count++
}
},
)}
Event and key Modifiers:
It is a very common need to call something like event.preventDefault() inside event handlers. it can be done in method itself but there are some modifiers to apply them easier.
examples:
@click.right
@click.prevent.stop
@keyup.13
@submit.prevent="onSubmit">
@keyup.enter="submit" />
do you want more check here
Run and edit them yourself here
