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/12/2 01:46
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人