vue中props传递数据驼峰式与短横线隔

https://blog.csdn.net/yuetingzhuying/article/details/49820689

https://segmentfault.com/q/1010000008776209/a-1020000008776468

https://vuejs.org/v2/guide/components-props.html#Prop-Casing-camelCase-vs-kebab-case

js代码：

上面的代码作用是将my-message的值传递给自定义组件child中的myMessage。然而my-message和myMessage变量名并不相同，这是怎么了？

官网上提到，html语言不区分大小写，所以在处理my-message时会在js代码中找寻myMessage（猜的...）。

这里就有一个坑了，如果将js代码中的myMessage改为my-message，页面则会输出NaN，并且没有任何警告。

答案就在楼上给的连接中。
HTML是大小写不敏感的，HTML中的属性@addList会被解析为@addlist，js再用@addList去找，是找不到的。