如何让嵌套插槽的属性访问父数据(Vue 2)？

<template>
  <div>
    <child-component :parent-data="data">
      <template v-slot:default="slotProps">
        <grandchild-component :grandparent-data="slotProps.parentData" />
      </template>
    </child-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: '父组件的数据'
    }
  }
}
</script>

<template>
  <div>
    <p>父组件的数据：{{ $attrs['grandparent-data'] }}</p>
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$attrs['grandparent-data']);
  }
}
</script>

<template>
  <div>
    <child-component :parent-data="data" v-on="$listeners">
      <template v-slot:default="slotProps">
        <grandchild-component :grandparent-data="slotProps.parentData" />
      </template>
    </child-component>
  </div>
</template>