Vue中组件失效问题

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

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

html:

经过检查,发现html中它会将该标签转换为小写 这就很尴尬,改一下吧,找了半天,,

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

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

你可能感兴趣的:(前端)