✨ Get all templates and new upcoming releases for just $69. Limited time offer ✨

Import and use a Vue component

Cruip CSS

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 you can 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.

Last updated on May 25, 2021