How to create a component in Vue js?

Components in Vue JS are a single, independent unit of an interface. They have their own state, markup, and style.

A Vue component can be defined in four ways.

• The first is new Vue({ /*options */ }).
• The second is Vue.component(‘component-name’, { /* options */ }).
• The third way is by using the local components.
• The fourth is in the .vue files or Single File Components.

The first two ways are the standard ways to use Vue when building an application that is not a SPA (Single Page Application). The Single File Components are uses in the Single Page Application.