Skip to content

Vue 2, use a component inside another component

New Courses Coming Soon

Join the waiting lists

Here's how to import a component inside another component in Vue.js

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:

  <Pixel />

import Pixel from './Pixel'

export default {
  name: 'App',
  components: {
→ Get my Vue.js 2 Handbook

Here is how can I help you: