名前を付ける方法

Question

私は4つのコンポーネントを持っています：comments.vue、comments-list.vue、comment.vue、comment-new.vueです。

1. コメントの

   一覧（任意のAJAX呼び出しを持っていません）

   ：

   comments.vueは、ディスプレイに他のコンポーネントを使用しています。これは、単一のコメントが含まれています（基本的には単一のプロパティを持つだけのテンプレートです）

2. コメントを送信するためのテキストエリア（AJAX呼び出しを持っている）

comments.vueは私の質問ページ分割のコメントに

をロードするためのすべてのロジックを持っていますそれは責任の良い分離ですか？

Answer 1

あなたはガイドからこのVue.js Component Style Guide

を確認することができます。

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 -->