VueJs Beginners part 2 - Methods

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:

@[email protected]@keyup.13<!-- the submit event will no longer reload the page --><form @submit.prevent="onSubmit"></form><!-- only call `submit` when the `key` is `Enter` --><input @keyup.enter="submit" />

do you want more check here

Run and edit them yourself here