將 prop 從父組件傳遞給子組件時出錯

Question

所以我在將一個 prop 從我的父視圖傳遞到另一個視圖時遇到了問題，現在我只是使用一個簡單的變量進行測試，但它似乎並沒有撿到它......沒有錯誤或任何東西，它只是沒有顯示在我的頁面上。

這是我的父代碼：

<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>

任何人都可以看到我在那里做錯了什么，為什么沒有選擇這個元素？

親切的問候，喬希

Answer 1

它應該可以正常工作，我看不出有什么問題：這是一個簡單的工作復制品。 檢查它以確保沒有差異。