Récemment, j'écris une petite application de chat web, avec une interface principale et une page de chat. Le contenu n'est pas compliqué. La première fois que j'ai essayé d'écrire avec Vue, j'ai divisé les informations personnelles en tête de l'interface principale, la liste au milieu, la catégorie d'amis en bas, et le texte de l'interface de chat ouverte en cliquant sur la liste l'élément, le panneau de message, etc., le tout dans des composants séparés.
Mais cela semble entraîner davantage de communication entre les composants enfant-parent. Le leader a dit que je n'avais pas besoin de les écrire dans des composants séparés. L'idée des composants est de les réutiliser, mais je n'ai pas besoin de les réutiliser. Mais lorsque je regarde des démos sur Internet, les différents modules fonctionnels sont séparés en composants individuels.
J'espère donc que vous pourrez m'aider à comprendre la logique, comment optimiser la segmentation des composants de cette fonction de chat et comment comprendre l'idée de réutilisation des composants ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je crois comprendre que puisqu'il est écrit en tant que composant, cela signifie que ce composant sera utilisé à d'autres endroits. Sinon, cela ne sert à rien de le retirer et cela vous causera encore plus de problèmes. Si vous pensez que la page a beaucoup de contenu, vous pouvez extraire les CSS et JS pour les écrire.