コンポーネントとそのプロパティ/メソッドを別のコンポーネントにインポートする

Question

コンポーネント LogoutButton.vue がある場合

リーリー

LogoutButton コンポーネントを他のコンポーネントで使用するにはどうすればよいですか? このコンポーネントとそのクリックメソッドを他のコンポーネントにインポートするにはどうすればよいですか?

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>