Importer un composant et ses propriétés/méthodes dans un autre composant

Question

Si j'ai le composant LogoutButton.vue

export default {
  data() 
  {
      return {

      }
      
  },
  methods: 
  { 
    Logout()
    {
        console.log("something")
    }
  }
}
</script>
<template>
    <button @click="Logout">Logout</button>
</template>

Comment utiliser le composant LogoutButton dans d'autres composants ? Je veux dire, comment importer ce composant et sa méthode de clic dans un autre composant ?

Answer 1

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

export default {
  components: {
    LogoutButton
  },
  data() 
  {
      return {

      }
      
  },
  methods: 
  { 
    // Your different methods
  }
}
</script>

<template>
  <div>
    <!-- The template from LogoutButton component will display here -->
    <LogoutButton />
  </div>
</template>