Just a few weeks until the 2021 JavaScript Full-Stack Bootcamp opens.
Signup to the waiting list!


Say you have a Pixel component in src/components/Pixel.vue

In another component, Canvas, which is located in src/components/Canvas.vue, you can import that Pixel component by importing it inside the script tag of the Vue Single File Component:

<template>
  <p>Canvas</p>
  <Pixel />
</template>

<script>
import Pixel from './Pixel'

export default {
  name: 'App',
  components: {
    Pixel
  }
}
</script>

Download my free Vue Handbook



The 2021 JavaScript Full-Stack Bootcamp will start at the end of March 2021. Don't miss this opportunity, signup to the waiting list!

More vue tutorials: