how to import different components in vuesjs with :is 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>