给组件命名,首先考虑组件名是一个单词还是多个单词
如果是一个单词:
第一种写法(纯小写):school
<school></school>
components: {
school: s
}
第二种写法(首字母大写):School
<School></School>
components: {
School: s // 推荐
}
如果是多个单词:
第一种写法(kebab-case命名):my-school
<my-school></my-school>
components: {
'my-school': s
}
第二种写法(CamelCase命名):MySchool(需要Vue脚手架支持)
<MySchool></MySchool>
components: {
MySchool: s // 推荐
}
注意:
不要使用html中已经有的元素名称,例如:h1等;
可以使用name配置项指定组件在开发者工具中呈现的名字;