问如何访问名字包含破折号的vue道具？

EN

我正在做一个Vue项目。根据eslint的要求，我不能用camel case来命名道具，它会报告一个警告Attribute ':clientId' must be hyphenated. eslint vue/attribute-hyphenation来代替使用kekab用例。

<GranfFather :client-id="clientId" v-bind="$attrs">
  <Father>
    <GrandSon />
  </Father>
</GrandFather>

我需要访问<GrandSon />组件中的属性。一般来说，我想把这个属性命名为clientId，但是由于eslint的要求，我只能将它命名为client-id，否则它会报告一个警告。所以，如果我想访问这个属性，我想出的唯一方法就是使用this.$attrs["client-id"]。但是我想知道如何通过this.$attrs.clientId或类似的方法访问这个属性呢？

当我在this.$attrs组件中使用<GrandSon />时，它会打印

{ client-id: "xxxxxx" }

这是不是意味着我只能通过client-id通过this.$attrs["clientId"]？我想要的是通过使用client-id访问this.$attrs.clientId。