javascript - 親コンポーネントから子コンポーネントに prop を渡す際のエラー

Question

そのため、親ビューから別のビューに小道具を渡す際に問題が発生しています。現在、単純な変数を使用してテストしているだけですが、それを拾っていないようです...エラーなどはありません。マイページに表示されないだけです。

ここに私の親コードがあります:

<template>
  <v-app>
    <Navbar v-bind:currency="currency"/>
    <v-content class="mx-5 my-5" v-bind:currency="currency">
      <router-view></router-view>
    </v-content>

  </v-app>
</template>

<script>
import Navbar from '@/components/Navbar'

export default {
  name: 'App',
  components: {
    Navbar
  },
  data() {
    return {
      currency: "$ test"
    }
  },
};
</script>

そして、ここに私の子要素からのコードスニペットがあります:

export default {
  name: "Home",
  props: ['currency']
}

そして、私が通貨を使用する場所：

<div class="text-center green--text font-weight-bold headline">{{ currency }}</div>

この要素が取得されない理由について、私が間違ったことを誰かが見ることができますか?

敬具、ジョシュ