在vue中，我如何从v-if访问我的数据子级？

<template>
  <div>
    <div v-if="hasChildData">子级数据存在</div>
    <div v-else>子级数据不存在</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: {
        childData: '子级数据'
      }
    };
  },
  computed: {
    hasChildData() {
      return this.data.childData !== undefined;
    }
  }
};
</script>

<template>
  <div>
    <div v-if="hasChildData()">子级数据存在</div>
    <div v-else>子级数据不存在</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: {
        childData: '子级数据'
      }
    };
  },
  methods: {
    hasChildData() {
      return this.data.childData !== undefined;
    }
  }
};
</script>