How do I set up the Vue Options API?

How do I set up the Vue Options API?

To set up the Vue Options API, you need to create a Vue instance using the new Vue() constructor. You can define data, methods, and lifecycle hooks within this instance.

Can you show me a simple example?

Sure! Here's a basic example:

new Vue({
  el: '#app',
  data: {
    message: 'Hello, Vue!'
  },
  methods: {
    greet() {
      alert(this.message);
    }
  }
});

This will create a Vue instance that displays a message and has a method to greet.

What are the main features of the Options API?

The main features include data properties, computed properties, methods, lifecycle hooks, and watchers, all organized in a single object.

Is the Options API still recommended for new projects?

While the Composition API is gaining popularity for its flexibility, the Options API is still widely used and perfectly valid for many projects.