1<template>
2 <your-component></your-component>
3</template>
4
5<script>
6 import YourComponent from '../components/YourComponent.vue'
7
8 export default {
9 components: {
10 YourComponent // <=> YourComponent: 'YourComponent'
11 }
12 };
13</script>
14
15<!-- OR -->
16
17<script>
18 export default {
19 components: {
20 YourComponent: () => import('your/component/path')
21 }
22 }
23</script>
1// With Vue 3.2
2<script setup>
3import Btn from './components/Btn'
4</script>
5
6<template>
7 <Btn />
8</template>