Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Vue 3 Single File Components

Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.

  • 8 lessons
  • 48 min
  • Intermediate
Illustration image of Vue 3 Single File Components

About the Vue 3 Single File Components course

Learning how to work with Single File Components is a vital step in mastering Vue.js.

In this course you’ll learn everything you need to know about Vue’s Single File Components, so you can start using them in your projects today and speed up your development.

By the end of this course you will know

  • How to scaffold a new Vue.js project with Vue CLI 4
  • What the drawbacks of global components are
  • How to take advantage of the build step and Pre-Processors like Jade, Pug, Stylus, and Sass
  • How to reuse your Single File Components by exporting and importing them
  • How to organize your Single File Components according to the official style guide
  • What CSS Modules are and how to use scoped styles in your Single File Components

You need a basic understanding of Vue.js Components to enjoy this course. We recommend watching Vue.js Components Fundamentals if you're not already familiar with Vue.js components.