Vue.js传递返回true或false作为属性的函数

// 父组件
<template>
  <div>
    <child-component :isTrue="checkValue"></child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: true
    };
  },
  computed: {
    checkValue() {
      // 在这里根据需要的逻辑计算属性的值
      // 这里假设根据value的值来判断返回true或false
      return this.value === true;
    }
  }
};
</script>

// 子组件
<template>
  <div>
    <p>传递的属性值为：{{ isTrue }}</p>
  </div>
</template>

<script>
export default {
  props: {
    isTrue: {
      type: Boolean,
      required: true
    }
  }
};
</script>