组件命名规范

给组件命名,首先考虑组件名是一个单词还是多个单词

如果是一个单词:
第一种写法(纯小写):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配置项指定组件在开发者工具中呈现的名字;

猜你喜欢

转载自blog.csdn.net/weixin_45630345/article/details/127747090