如何命名vue組件

Question

我有四個組件：comments.vue，comments-list.vue,comment.vue, comment-new.vue。

comments.vue使用其他組件來顯示：評論

1. 列表（沒有任何Ajax調用）

   一個。其中含有單一評論（基本上這只是一個單一屬性模板）

2. 多行文本發送評論（具有AJAX調用）

comments.vue擁有所有的邏輯來加載分頁評論

所以我的問題是：這是很好的責任分離嗎？

Answer 1

您可以檢查此Vue.js Component Style Guide

從指南：

Vue的組件名稱

每個組件的名稱必須是：

• 有意義的：沒有了具體的，而不是過分抽象。
• 短：2或3個字。
• 可說：我們希望能夠談論它們。

Vue的組件名稱也必須是：

• 自定義元素遵循規範：包括一個連字符，不要使用保留 名。
• 應用程序名稱空間：如果非常泛型，否則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 -->