受け取った Props をさらに Props として子コンポーネントに渡す

参考コード

  • 受け取った Props をさらに Props として子コンポーネントに渡すことができる
  • 普通に渡せばいい
  • ここでは height を渡している
/components/Member.vue
<template>
  <div>
    <Height :height="data.height"/>
    {{data.name}} #{{data.id}}/{{data.position}}/{{teamName}}
  </div>
</template>

<script>
import Height from "./Height";
export default {
  components: {
    Height
  },
  props: {
    data: Object,
    teamName: String
  }
};
</script>

<style>
</style>
/components/Height.vue
<template>
  <div>height {{height}}</div>
</template>

<script>
export default {
  props: {
    height: Number
  }
};
</script>

<style>
</style>