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
}
};
</script>
<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
},
...