#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)
3. The root app component (App.vue)
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
https://www.koderhq.com/tutorial/vue/component/

Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
https://www.youtube.com/playlist?list=PLFAU47Id44XG48v5dPPTGMgJfjMnsU8Bw

Subscribe to the channel and never miss a lesson
https://www.youtube.com/channel/UCz6k9pRLevdJGAsMMAVSb_Q?sub_confirmation=1

Visit the website for a wide range of programming tutorials
https://www.koderhq.com

Тэги:

#vue #vue_3 #vue.js #vue.js_3 #vue_for_beginners #vue_tutorial_for_beginners #vue.js_for_beginners #components #vue_3_components #single_file_components #vue_sfc #root_app_component #component_rendering #nested_components

Скачать видео