The Root Component

The root componentopen in new window is the starting point for rendering when a Vue application is mounted. The createApp method generates the root component and uses the options passed to configure it.

The root component is mounted to a DOM element using the mount method. The mount method will also return the root component instance.

const RootComponent = {
  /* options */
}
const app = Vue.createApp(RootComponent)
const vm = app.mount('#app')

While simple Vue applications can consist of only a root component, more complex applications will consist of multiple components. Each component will have its own component instance.

We will discuss components later on in the course.