#13 - Component Basics - Vue 3 (Options API) Tutorial

In this Vue 3 tutorial, we learn about single file components (.vue files) and the root App component. We cover how they're rendered, the steps to create a component and nesting them.

We cover the following topics:
1. Vue's component architecture
2. Single File Components (.vue files)
4. Component rendering
5. How to create a component
6. Step 1. Import the component
7. Step 2. Register the component
8. Step 3. Use (instantiate) the component
9. Nested components

_Note that this tutorial is for the Vue 3 Options API (which is similar to Vue 2). We later move on to the Composition API and then the Script Setup (3.2 update)_

This lesson is also available in written format

Check out the Vue 3 for Beginners playlist for more Vue tutorial videos

Subscribe to the channel and never miss a lesson

Visit the website for a wide range of programming tutorials