Understanding Vue 3 and Creating Components

Vue 3 brings a lot of new features and changes for developers, all of them designed to aid development and improve the framework's overall stability, speed, and maintainability. Using other frameworks and libraries as inspiration, the Vue core team managed to achieve a great level of abstraction on the API where anyone can use Vue now, irrespective of whether they're a frontend developer or a backend developer.

In this chapter, we will learn how to upgrade our Vue project to the new version, and more about some of the new Vue features, such as the multiple root elements, the new attribute inheritance engine, how we can use the exposed reactivity API outside of Vue in another application, and how to create a component using the new composition API.

In this chapter, you will learn the following:

• What is new in Vue 3
• Upgrading your Vue 2 application to Vue 3
• Creating components with multiple root elements
• Creating components with attribute inheritance
• Using the reactivity and observable API outside the scope of Vue
• Creating a component using the composition API