How do I use the Options API in Vue.js?

Can you explain how to use the Options API in Vue.js?

Sure! The Options API is a way to define components in Vue.js using an object with specific options like data, methods, and lifecycle hooks.

What are the main options I can define in the Options API?

You can define options like data, methods, computed, watch, and lifecycle hooks such as mounted and created.

Can you give me an example of a simple component using the Options API?

Absolutely! Here's a simple example:

export default {
  data() {
    return {
      message: 'Hello, Vue!'
    };
  },
  methods: {
    greet() {
      alert(this.message);
    }
  }
};

This component has a data property and a method.

How does the lifecycle hook work in the Options API?

Lifecycle hooks allow you to run code at specific stages of a component's lifecycle. For example, mounted runs after the component is added to the DOM.