DEV Community

kim-jos
kim-jos

Posted on

Application & Component Instances

What Is the Root Component?

The root component is simply the starting point for when a Vue app is rendered. To understand this we have to know that a Vue app needs to be mounted into a DOM element for it to work and that root component is mounted to the DOM by using the mount method. We will get into more detail in the following part of the series.

What Are Component Instance Properties?

Component instance properties are data, methods, props, computed, etc. that add component options. This will be further discussed in the following part of the series but basically it is the data and methods that can be accessed in the component's template.

The word instance may confuse some people including me. To my understanding, when you use the new constructor function in JS you are creating an instance of a class or another object. If we apply that understanding in the context of Vue, each component instance would simply be a component with a parent or grandparent of the root component.

What Are Lifecycle Hooks?

Each component instance goes through a series of steps when it is created. The series of steps include being mounted, updated, and unmounted. You can add code to be applied in these specific stages.

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay