Pilih model penghalaan dan simpan data penghalaan

Question

Saya cuba melakukan sesuatu seperti sistem yang komprehensif untuk mengautomasikan aktiviti. Program ini sepatutnya mempunyai banyak modul. Saya bercadang untuk menyusunnya mengikut prinsip windows. Jika mahu, anda boleh membuka modul baharu yang kemudiannya boleh anda tutup, atau membuka modul baharu tanpa menutupnya dan kembali kemudian.

Sebagai contoh. Saya membuka modul untuk senarai dokumen digital yang tersedia. Saya memilih item yang dikehendaki, klik Edit, yang melancarkan borang edit. Saya membuka sebarang panduan maklumat, menyemak data yang diperlukan, dan kemudian kembali ke borang. Ini semua dilakukan dengan analogi dengan bar tugas Windows.

Saya sedang belajar seni bina. Kami memuatkan modul melalui vue-router. Anda boleh menggunakan keep-alive untuk menyimpan data modul yang tidak aktif, tetapi pilihan pengurusan adalah terhad. Anda hanya boleh menentukan bilangan cache untuk disimpan, tetapi sesetengah cache tidak boleh dikosongkan, semua data disimpan. Sebaliknya, saya ingin dapat memilih jumlah data yang perlu disimpan dan data yang tidak diperlukan lagi kerana ia menjadi usang. Saya bimbang aplikasi besar tidak akan menjadi perlahan atau membeku pada komputer berkuasa rendah. Di satu pihak ia mudah untuk dilaksanakan dan di sisi lain ia menggunakan sumber dengan lebih cekap.

Selain mengekalkan pilihan keadaan aktif atau menyimpan data keadaan dalam struktur yang berasingan, anda juga boleh mempertimbangkan pilihan lain. Contohnya, buka modul dalam tab berasingan dan pindahkan pengurusan data ke penyemak imbas. Sebagai alternatif, anda boleh melaksanakan pilihan untuk membuka modul dalam tatasusunan komponen yang ditambah secara dinamik "komponen", menggunakan arahan v-show untuk menyembunyikan sementara modul yang tidak digunakan. Anda boleh memuatkan modul ke dalam kotak dialog. Terdapat pilihan lain yang boleh anda pertimbangkan. Jika anda memilih salah satu daripada mereka, anda perlu menanggung kelemahan yang sepadan.

Menulis versi ujian bagi setiap pilihan dan kemudian menjalankan ujian penilaian adalah tugas yang sangat memakan masa. Jadi harap mendapat cadangan anda.

Answer 1

Untuk kes penggunaan anda, saya rasa dialog atau mana-mana komponen lain (tab, dll.) hanya akan berfungsi apabila menggunakan v-if 和 v-show . Anda boleh menggunakan v-show untuk kandungan yang anda mahu kekalkan dalam DOM dan v-if untuk kandungan yang anda mahu musnahkan selepas pengguna menutupnya.

Lihat dokumentasi tentang perbezaan antara v-if 和 v-show di sini .