Components incompréhension

bonjour,

Je me lance dans VUE mais j’ai un problème à comprendre les components, en particulier la synthaxe import et export default.

en allant direction sur ce lien https://fr.vuejs.org/v2/guide/components-registration.html, dans la section “création locale”

Je comprend le fonctionnement des premiers exemples mais arrivé à l’exemple d’importation je ne comprend pas.

  • comment le componentB peut être remplacé par “export default” dans l’exemple suivant ?
  • “export default” exporte quoi ?
  • “import ComponentA from ‘./ComponentA.vue’” on importe la vue et le “componentA” c’est juste un nom que l’on donne ??

Merci d’avance pour vos éclaircissements.

En général je préfère mettre les composants en fichiers à part (modules), plutôt comme ça :

C’est vrai qu’au début c’est pas très clair, en plus il mettent les mêmes noms pour tout… on sait plus qui est qui…
pour voir les différents chemins, on pourrait détailler comme ça :

<template>
  <div id="app">
    <comp-a></comp-a>
    <comp-b></comp-b>
  </div>
</template>

<script>
import CompA from './ComponentA.vue'
import CompB from './ComponentB.vue'

export default {
  components: {
    compA: CompA,
    compB: CompB
  }
}
</script>

Ok, j’ai re lu un peu de mon côté, je pense avoir compris. Merci pour ta réponse !