Vue组件命名大小写问题
? ? 今天在封装项目的组件时，发生了错误，提示我该组件未注册，但是在对照了文档后并无语法上的问题，后来查阅资料，网上说是在Vue中组件注册时，注册名称中如果使用了常见的驼峰命名法，在使用时必须使用 ‘-’ 隔开，并且在大写得换成小写的字母。
<body>
<div id="app">
<ss-tem></ss-tem>
</div>
<template id="tp1">
<li>Hello</li>
</template>
</body>
<script>
Vue.component('ssTem',{
template:"#tp1"
});
var app = new Vue({
el: '#app'
})
</script>
? ? 但是在后续的实验中发现其实并未完全准确，Vue中确实规定了了在大写的字母前必须要使用 ‘-’ 分隔，但是使用中不讲大写修改成小写也是能正常显示的，并且首字母大小写并不会影响最终效果
<div id="app">
<New-Component></New-Component>
</div>
Vue.component("NewComponent", {
template: "<h1>vue组件名不能大写吗</h1>"
});
? ? 组件名称的讲究还是蛮多的，一些细节上还是得注意，所以在后续的开发中还是已全小写的格式来命名组件即可，方便后期的维护，也尽量去减少可能会出现的莫名其妙的bug
|