Import komponen dan sifat/kaedahnya dalam komponen lain

Question

Jika saya mempunyai komponen LogoutButton.vue

export default {
  data() 
  {
      return {

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

Bagaimana untuk menggunakan komponen Butang Log Keluar dalam komponen lain? Maksud saya bagaimana untuk mengimport komponen ini dan kaedah kliknya dalam komponen lain?

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>