Vue.jsで子コンポーネントにbindした値を受け取れない

原因はpropsはキャメルケースで定義するがHTMLに書く属性名はケバブケースにしないといけないため。 HTMLは大文字と小文字を区別しないのでケバブケースを使うらしい。 これはハマル・・・

参考：

[https://qiita.com/Keitaro/items/f77d2340f9390f028677:embed:cite]