如何从vue js中的另一个组件获取布尔数据？

<template>
  <div>
    <child-component :is-data="isData"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isData: true
    }
  }
}
</script>

<template>
  <div>
    <p>接收到的布尔数据: {{ isData }}</p>
  </div>
</template>

<script>
export default {
  props: {
    isData: Boolean
  }
}
</script>