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

标签 javascript vue.js vuejs2

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

我阅读了风格指南。

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

哪个是正确的?

最佳答案

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

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

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

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

关于javascript - 组件是否应该将其父组件的文件名作为其自身文件名的一部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55571747/

相关文章:

javascript - VueJS 扩展组件 : remove parent's property

vuejs2 - 如何在RouteUpdate导航守卫之前测试vue路由器?

登录时出现 JavaScript 错误

javascript - Angular 相当于 ko.utils.arrayFirst()

c# - 在 C# 中,如何对客户端用户交互和 javascript (jQuery) 代码进行单元测试?

javascript - 如何在vuejs中使用onkeypress

bower - 将 bower 组件添加到 vue webpack

javascript - Angular.copy - 需要更多说明

ajax - 使用对象中的更改更新 DOM (vue.js) - 绑定(bind)不起作用?

javascript - 使用 Vue JS 显示分组嵌套数组