Answers for "import the component in vue"

1

vue component import

<template>
	<Component-a></Component-a>
</template>

<script>
import ComponentA from './ComponentA.vue'

export default {
  components: {
    ComponentA
  }
  // ...,
}
</script>

<!-- Another way -->

<template>
  <!-- For client side rendering -->
  <client-only>
	<Component-a></Component-a>
  </client-only>
</template>

<script>
  export default {
	components: {
      // Dynamic import for client side rendering (you can use normaly also)
      ComponentA: () => import('./ComponentA.vue')
    }
  }
</script>
Posted by: Guest on October-22-2021
8

vue import component

// With Vue 3.2 
<script setup>
import Btn from './components/Btn'
</script>

<template>
  <Btn />
</template>
Posted by: Guest on November-02-2020

Browse Popular Code Answers by Language