vue.jsHow do I use a method in Vue.js?

Using a method in Vue.js is a straightforward process. To begin, you need to define the method in the methods object in the Vue instance:

new Vue({
  data: {
    message: 'Hello world!'
  },
  methods: {
    greet: function() {
      alert(this.message);
    }
  }
});

Then, you can call the method from within the template using the v-on directive:

<div>
  <button v-on:click="greet">Greet</button>
</div>

When the button is clicked, the greet method will be called, and an alert with the message Hello world! will be displayed.

Code explanation

1. Define the method in the methods object in the Vue instance.
2. Use the v-on directive to call the method from within the template.

Relevant links for further reading:

• Vue.js documentation - Methods
• Vue.js documentation - Events

Edit this code on GitHub