Javascript 获取通过props-vue传递的另一个组件中url的id值

我正在创建一个可重用组件。有两个子组件。这个流程如下所示

Child component 1 -> Parent Component -> Super Parent main Component

在子组件中，我创建一个prop url，然后传递到父组件，然后传递到超级父组件，在这里我传递的值如下所示

子组件

prop: {
    urls: {
            type: Object,
            required: true,
            default: () => ({
               saveProduct: '/entity/save',
               updateProduct: '/entity/update
            })
        }
}

    <ChildComponent :urls = "uris" />

    props: {
      uris: {
          type:Object,
          required:true,
          default: () => ({})
      }
   }

<ParentComponent :uris="urls" />

 data() {
  return {
    urls: {
          saveUri: `/products/${this.$route.params.id}/categories`,
          updateUri: `/products/${this.$route.params.id}/categories/${this.productId}`
      }
  }
 }

父组件

prop: {
    urls: {
            type: Object,
            required: true,
            default: () => ({
               saveProduct: '/entity/save',
               updateProduct: '/entity/update
            })
        }
}

    <ChildComponent :urls = "uris" />

    props: {
      uris: {
          type:Object,
          required:true,
          default: () => ({})
      }
   }

<ParentComponent :uris="urls" />

 data() {
  return {
    urls: {
          saveUri: `/products/${this.$route.params.id}/categories`,
          updateUri: `/products/${this.$route.params.id}/categories/${this.productId}`
      }
  }
 }

道具：{
URI：{
类型：对象，
要求：正确，
默认值：（）=>（{}）
}
}

超级父组件

prop: {
    urls: {
            type: Object,
            required: true,
            default: () => ({
               saveProduct: '/entity/save',
               updateProduct: '/entity/update
            })
        }
}

    <ChildComponent :urls = "uris" />

    props: {
      uris: {
          type:Object,
          required:true,
          default: () => ({})
      }
   }

<ParentComponent :uris="urls" />

 data() {
  return {
    urls: {
          saveUri: `/products/${this.$route.params.id}/categories`,
          updateUri: `/products/${this.$route.params.id}/categories/${this.productId}`
      }
  }
 }

数据（）{
返回{
网址：{
saveUri:`/products/${this.$route.params.id}/categories`，
updateUri:`/products/${this.$route.params.id}/categories/${this.productId}`
}
}
}

这里我给出的是流的片段，而不是完整的代码。我想知道在Super parent中获取productId值的一般方法

在这里，我可以获得这个（this.$route.params.id）值，但如何从子组件中获得超级父级中可用的productid值呢

---

任何通用的例子都会对我有帮助。。。如何将数据从一个组件发送到下一个组件的下一个组件？

道具用于将数据从父组件向下传递到子组件。要将数据从子级向上发送到父级，

从子级发出

和事件并在父级中侦听

this.$emit('clicked', 'someValue')

另一种选择是使用全局状态存储，如