✨ 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 -->

  <c-button>My button</c-button>

import CButton from '@/components/elements/Button.vue'

export default {
  name: 'Page',
  components: {

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

Last updated on August 17, 2021