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

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孩子。

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