JavaScript - Vue でコンポーネントを合理的に分割するにはどうすればよいですか?どのようなモジュールを別のコンポーネントにする必要がありますか?

Question

最近、メイン インターフェイスとチャット ページを備えた小さな Web チャット アプリケーションを作成しています。内容は複雑ではありません。初めてVueで書いてみたところ、メインインターフェースの先頭に個人情報、真ん中にリスト、下部に友達カテゴリの切り替え、リストをクリックすると開くチャットインターフェースのテキストに分けましたアイテム、メッセージ パネルなどはすべて別のコンポーネントに分割されます。
しかし、これにより、子コンポーネントと親コンポーネントの通信がさらに発生するようです。リーダーは、これらを別のコンポーネントに記述する必要はないと言いました。コンポーネントの考え方は再利用ですが、再利用する必要はありませんこれら。しかし、インターネット上のデモを見ると、さまざまな機能モジュールが個別のコンポーネントに分離されています。

---

それでは、ロジック、このチャット機能のコンポーネントのセグメント化を最適化する方法、コンポーネントの再利用の考え方を理解する方法を理解するのを手伝っていただければ幸いです。

Answer 1

私の理解では、コンポーネントとして記述されているため、このコンポーネントは他の場所で使用されることを意味します。そうしないと、取り出す意味がありませんし、さらに自分自身に迷惑をかけることになります。ページに多くのコンテンツが含まれていると思われる場合は、css と js を抽出して書き込むことができます。