[Vue]propsを引き渡す側と引き取る側の命名の違いに関して

Question

聞きたいこと

下のように定義したVueコンポーネントのpropsに対して、<Button button-title="BUTTON TITLE" /> といったように、ケバブケースでpropsを引き渡し、受け取り側がbuttonTitleのようにキャメルケースの場合でも問題なく動作する理由ってVueのリファレンスに記載などありますでしょうか。

<template>
  <div>
    <el-button>{{ buttonTitle }}</el-button>
  </div>
</template>
<script>
export default {
  props: [
    'buttonTitle',
  ],
}
</script>

Comments

[退会済みユーザー]

こういう記載ということでしょうか？
https://v1-jp.vuejs.org/guide/components.html#%E3%82%AD%E3%83%A3%E3%83%A1%E3%83%AB%E3%82%B1%E3%83%BC%E3%82%B9-%E5%AF%BE-%E3%82%B1%E3%83%90%E3%83%96%E3%82%B1%E3%83%BC%E3%82%B9