vue import components code example

Example 1: vuejs import component

<template>
  <your-component></your-component>
</template>

<script>
  import YourComponent from '../components/YourComponent.vue'
  
  export default {
	components: {
      YourComponent // <=> YourComponent: 'YourComponent'
    }	
  };
</script>

<!-- OR -->

<script>
  export default {
	components: {
      YourComponent: () => import('your/component/path')
    }
  }
</script>

Example 2: vue import component

<template>
  <Btn />
</template>

<script>
import Btn from './components/Btn'

export default {
  components: { Btn },
}
</script>

Example 3: registeing components in vue

import Sidebar from '../../components/sidebar/main.vue';
export default {
    props: [""],
    components: {
        'sidebar': Sidebar
    },
...

Tags:

Html Example