Import and use a component

If you are familiar with Vue you don't need to read this chapter 🙌

Every time you want to use a Vue component, it needs to be imported first. So, for example, let's see how to import a component (a button component) into another component (a page component). Following code shows a page component👇

// Page component, for example /src/views/Page.vue
<template>
<c-button>My button</c-button>
</template>
<script>
import CButton from '@/components/elements/Button.vue'
export default {
name: 'Page',
components: {
CButton
}
}
</script>

You can learn more about importing components on the Vue documentation.