Nested Components in vuejs - Vuejs tutorials - Tutorial 24
[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
On this page of the site you can watch the video online Nested Components in vuejs - Vuejs tutorials - Tutorial 24 with a duration of hours minute second in good quality, which was uploaded by the user The Digital Sight 14 April 2019, share the link with friends and acquaintances, this video has already been watched 3,060 times on youtube and it was liked by 20 viewers. Enjoy your viewing!
