javascript - Bagaimana untuk memisahkan komponen secara munasabah dalam vue? Apakah jenis modul yang sepatutnya menjadi komponen yang berasingan?

Question

Baru-baru ini saya sedang menulis aplikasi sembang web kecil, dengan antara muka utama dan halaman sembang. Kandungannya tidak rumit. Kali pertama saya cuba menulis dengan Vue, saya membahagikan maklumat peribadi di kepala antara muka utama, senarai di tengah, kategori rakan bertukar di bahagian bawah, dan teks antara muka sembang dibuka dengan mengklik pada senarai item, panel mesej, dsb., semuanya menjadi komponen berasingan.
Tetapi ini nampaknya menyebabkan lebih banyak komunikasi komponen anak-ibu bapa Pemimpin berkata bahawa saya tidak perlu menulis ini dalam komponen yang berasingan. Idea komponen adalah penggunaan semula, tetapi saya tidak perlu menggunakannya semula. Tetapi apabila saya melihat demo di Internet, modul berfungsi yang berbeza dipisahkan kepada komponen individu.

---

Jadi saya harap anda boleh membantu saya memikirkan logik, bagaimana untuk mengoptimumkan pembahagian komponen fungsi sembang ini, dan bagaimana untuk memahami idea penggunaan semula komponen?

Answer 1

Pemahaman saya kerana ia ditulis sebagai komponen, bermakna komponen ini akan digunakan di tempat lain. Jika tidak, tidak ada gunanya mengeluarkannya dan ia akan menyebabkan lebih banyak masalah untuk diri sendiri. Jika anda rasa halaman tersebut mempunyai banyak kandungan, anda boleh mengekstrak css dan js untuk ditulis.