Nested Components in vuejs - Vuejs tutorials - Tutorial 24

Pubblicato il: 14 aprile 2019
sul canale di: The Digital Sight
3,060
20

[DISCOUNTED] Master CSS Grid Course: https://bit.ly/2NONxxE

Nested Components in vuejs - Nested component is component nested in its parent component. When one component has another component rendered in self. It is called nesting components. The component which has another component in self is called a parent component. Another component which is get rendered in other component is called child component.

This is a simple definition of what is nested components. Any component can have child components. Nesting component can be of any level. The main component can have child component and that child component can have another child component which makes it parent component and so far.

For demonstrating nested components we will take a look at the email module and how it is being called as child component and how it can have another nested components(child components).

We will create a new component and name it Email.vue and we will import it in the main component which is App.vue. Now email app can have multiple parts so we will divide the whole app into components. So, the Email component will have children. So, this whole hierarchy is nesting components. App.vue have Email.vue as child component and Email.vue have Search.vue as a child component.

Thanks For watching.

Follow me:
Twitter:   / jd13400010  


In questa pagina del sito puoi guardare il video online Nested Components in vuejs - Vuejs tutorials - Tutorial 24 della durata di ore minuti seconda in buona qualità , che l'utente ha caricato The Digital Sight 14 aprile 2019, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 3,060 volte e gli è piaciuto 20 spettatori. Buona visione!