说明

紧密耦合的组件名

和父组件紧密耦合的子组件应该以父组件名作为前缀命名。

如果一个组件只在某个父组件的场景下有意义，这层关系应该体现在其名字上。因为编辑器通常会按字母顺序组织文件，所以这样做可以把相关联的文件排在一起。

示例

你可以试着通过在其父组件命名的目录中嵌套子组件以解决这个问题。比如：

 components/
 |- TodoList/
    |- Item/
       |- index.vue
       |- Button.vue
    |- index.vue

或：

 components/
 |- TodoList/
    |- Item/
       |- Button.vue
    |- Item.vue
 |- TodoList.vue

但是这种方式并不推荐，因为这会导致：

• 许多文件的名字相同，使得在编辑器中快速切换文件变得困难。
• 过多嵌套的子目录增加了在编辑器侧边栏中浏览组件所花的时间。

如：

components/
|- TodoList.vue
|- TodoListItem.vue
|- TodoListItemButton.vue

components/
|- SearchSidebar.vue
|- SearchSidebarNavigation.vue