Vue中组件失效问题

如果检查发现没问题时，查看下组件命名是否含有大写，不合理的组件名可能导致我们无法去引用它。
我的代码如下

Vue.component('compensateEstable', {
    template:'#compensateEstable',
    data: function() {
            return {
                compensateEsParam:  $strCompensateParams
            }
        }
})

html:
<div>
    <compensateEstable></compensateEstable>
</div>

经过检查，发现html中它会将该标签转换为小写<compensateestable></compensateestable> 这就很尴尬，改一下吧，找了半天，，<compensate-es-table></compensate-es-table>

HTML标签不区分大小写，生成的所有标签名都会转换为小写。

通过标签名寻找自定义组件，顺序从高到低为：原标签名、驼峰的标签名、PascalCase化的标签名。 my-component、myComponent、MyComponent。