5. Global Component Composition

Overview

In this chapter, you will learn how to reduce duplication in your Vue.js application code using global abstractions, new composition models, and new types of components. You will experiment with Vue.js mixins, plugins, and new types of components and ways of composing them.

By the end of this chapter, you will be able to identify situations where mixins and plugins can be used to achieve global composition and keep code DRY (don't repeat yourself) in a Vue.js application, as well as how to define global components, functional components, and components in non-Vue files. You will also be able to contrast the advantages and drawbacks of global composition and select the right abstraction to maximize component flexibility.