Creating your first component

What is a Component?
Components are the building blocks of a Vue application. Each component has its own functionality and view, Components can be reused throughout the application. One example of a component is a navbar that can be accessed on different pages.

Creating a Basic Component

• Create a new component file called HelloWorld.vue (you can change the file name if you want) in the components folder (create a new components folder if it doesn't already exist).

• HelloWorld component:
  

• import and use HelloWord component in App.vue

Now you should be able to see the HelloWorld component rendered in the App.vue component.