组件是否应将其父文件名作为其自己的文件名的一部分？

Question

我想问一下命名组件文件的正确方法。

我读了风格指南。

https://vuejs.org/v2/style-guide/

我想知道，如果你创建一个目录包含特定组件的一些子组件，那么这些子组件名称应该以父组件的名称开头吗？

// OPTION 1:

file) ParentA.vue

directory) ParentA

 |_ file) ParentAChildA.vue

// OPTION 2

file) ParentA.vue

directory) ParentA

 |_ file) ChildA.vue

哪个合适？

Answer 1

我认为这是一种基于意见的观点。大多数开发者使用这两种方为什么？

选项1的示例：想象一下来自经典待办事项应用程序的待办事项列表。首先，我们将TodoList作为项目的包装，可能还有一些排序选项等等。然后将一个项目（=子组件）称为TodoListItem。

选项2的示例：想象一下仪表板式应用程序。我们有多个显示的组件不是直接相互的（可以但不必是）。所以我们会有一个Dashboard组件。当然，具有动态值的DashboardItem也可以工作，但对于大多数应用来说都是过度杀伤力。所以人们可以使用Dashboard然后使用Investments作为孩子。

最重要的是：在命名组件时要简洁一致（当然还有变量，服务等）。