✨ Get all templates and new upcoming releases for just $89. Limited time offer ✨
Cruip CSS

Import and use a Vue component

Effective on March 1st, 2023, Cruip CSS templates are no longer distributed, maintained or supported.

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