Chapter 4: The Composition API

One of the biggest changes in Vue 3 is the introduction of the Composition API as an alternative way of creating components. The Composition API is such a major addition to Vue that I felt it deserved its own chapter.

You might be wondering what advantage there is in learning this new API, given that Vue 3 continues to support the existing way of declaring components. In fact, the new Composition API gives us a powerful set of tools for creating reusable chunks of functionality that can be easily shared between multiple components.

The setup Function

Key to the new syntax is the setup() method. You can declare this on a component the same way you would a lifecycle method.

You can return an object from the method, ...

Get Jump Start Vue.js, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.