如何命名vue组件

Question

我有四个组成部分:comments.vue,comments-list.vue,comment.vue,comment-new.vue.

comments.vue 使用其他组件来显示:

1. 评论列表(没有任何ajax调用)

   一个.其中包含单个注释(基本上它只是一个具有单个属性的模板)

2. Textarea发送评论(有ajax电话)

comments.vue 具有加载分页注释的所有逻辑

所以我的问题是:责任分离是否良好？

Answer 1

您可以查看此Vue.js组件样式指南

从指南:

Vue组件名称

每个组件名称必须是:

• 有意义:不过于具体,不过于抽象.
• 短:2或3个字.
• 发音:我们希望能够谈论它们.

Vue组件名称也必须是:

• 符合自定义元素规范:包含连字符,不要使用保留名称.
• app-namespaced:如果非常通用,另外1个单词,这样它就可以很容易地在其他项目中重用.

为什么？

该名称用于与组件进行通信.所以它必须简短,有意义且易于说明.

怎么样？

 <!-- recommended -->
<app-header></app-header>
<user-list></user-list>
<range-slider></range-slider>

<!-- avoid -->
<btn-group></btn-group> <!-- short, but unpronounceable. use `button-group` instead -->
<ui-slider></ui-slider> <!-- all components are ui elements, so is meaningless -->
<slider></slider> <!-- not custom element spec compliant -->