The /components/ directory is used to contain Vue components. You get a component called Logo.vue by default when you use the Nuxt scaffolding tool. The obvious and important difference between the .vue files in this directory and those in the /pages/ directory is that you cannot use the asyncData method for the components in this directory; however, you can use the fetch method to set in them if you need to. You should keep small and reusable components in this directory.
We will look at this directory in more detail in Chapter 5, Adding Vue Components.