【Nuxt.js】変数を他のコンポーネントへ受け渡す/ 他のコンポーネントから変数を受け取る

export defaultに受け渡したい変数を記載

index.vue

<script>
export default {
  data() {
    return {
      // 省略
    }
  },
  send_data: send_data  // 他のコンポーネントに渡したい値
}
</script>

importで受け取りたい変数を受け取る

他のコンポーネント.vue

<template>
  <p>{{ send_data }}</p>
</template>

<script>
import send_data from "~/pages/index.vue"

export default {
  data() {
    return {
      send_data: send_data.send_data
    }
  },
  // 省略
</script>