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

时间:2019-04-08 10:51:45

标签: javascript vue.js vuejs2

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

我阅读了样式指南。

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

我想知道,如果您使目录包含某些特定组件的子组件,这些子组件名称应以父组件名称开头吗?

// OPTION 2

file) ParentA.vue

directory) ParentA

 |_ file) ChildA.vue
{{1}}

哪个合适?

1 个答案:

答案 0 :(得分:1)

我认为这是基于意见的。 大多数开发人员都使用这两种方法。为什么?

选项1的示例 想象一下经典待办应用程序中的待办事项列表。首先,我们用TodoList作为项目的包装,也许还有一些排序选项等等。一个项(=子组件)将被称为TodoListItem

选项2的示例 想象一下一些仪表板风格的应用程序。我们有多个显示的组件,它们不是直接相互的(可以但不一定是)。因此,我们将有一个Dashboard组件。当然,具有动态值的DashboardItem也可以使用,但是对于大多数应用程序来说却是过大了。因此,只需使用Dashboard,然后将Investments用作孩子。

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