This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Hash
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
<!-- 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
This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Hash
Hash | Sciencx (2022-10-29T21:14:12+00:00) VueJs Beginners part 2 – Methods. Retrieved from https://www.scien.cx/2022/10/29/vuejs-beginners-part-2-methods/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.