javascript - 组件是否应该将其父组件的文件名作为其自身文件名的一部分？

Question

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

我阅读了风格指南。

https://v2.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 作为子项。

最重要的是:命名组件(当然还有变量、服务等)时要简洁且一致。