Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • Vb001-组件名为多个单词

Vb001-组件名为多个单词

组件的命名为多个单词

#组件名应该始终是多个单词的,根组件 App 以及 <transition>、<component> 之类的 Vue 内置组件除外。
这样避免和html元素冲突。



bad eg:


Vue.component('todo',{
	//...
})

export default {
	name:'ToDo'
	//..
}






good eg:


Vue.component('todo-item',{
	//..
})

export default {
	name:'TodoItem',
	//..
}



我认为驼峰方式 效果最好,因为大多数IDE自动完成功能都支持它。

bad


mycomponent.vue
myComponent.vue
Mycomponent.vue



good


MyComponent.vue

Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人