Well done! In this chapter, you learned about the differences between global and local Vue components, how to register global components in Nuxt apps, and how to create local and global mixins. You also learned how to pass data to child components from the parent component using the props property, how to emit data to the parent from the child component using the $emit method, and how to create custom input components. You then learned the importance of using the key attribute for components. After that, you learned how to write single-file components with webpack. Last but not least, you were introduced to some rules that should be followed in Nuxt and Vue app development.

In the next chapter, we are going to explore the use of the /plugins/ directory further for extending a Nuxt app by writing custom plugins in Vue and importing them. We'll also look at importing external Vue plugins from the Vue community, creating global functions by injecting them into Nuxt's $root...