javascript - vue menambah komponen secara dinamik

Question

(dilaksanakan dengan VUE) Terdapat keperluan dalam projek, dan saya ingin meminta idea anda tentang cara melaksanakannya dengan lebih munasabah. Keperluan adalah seperti berikut: mengklik butang "Buat" pada halaman akan mencipta "soalan pilihan tunggal", mengklik butang "Buat soalan aneka pilihan" akan mencipta soalan aneka pilihan, iaitu, butang yang akan diklik akan mencipta jenis soalan , soalan yang dibuat juga boleh diubah suai, ditambah, dipadamkan, dsb.
Idea saya ialah menjadikan setiap jenis soalan menjadi komponen Apabila anda mengklik Buat, masukkan komponen jenis soalan itu ke dalam komponen induk, dan akhirnya menjadikan komponen induk Walau bagaimanapun, jika anda melakukan ini, anda tidak akan dapat melakukannya ubah suai, tambah atau ubah suai setiap jenis soalan Di manakah operasi seperti pemadaman harus ditulis? Adakah ia dalam komponen kanak-kanak atau komponen induk?
Berikut ialah pemaparan UI:

Answer 1

Berikan dua idea:

1. Kekalkan tatasusunan untuk mewakili bilangan komponen yang telah ditambah, dan kemudian gunakan v-if untuk menentukan komponen yang perlu dipaparkan pada masa ini.

2. Gunakan fungsi Render dan fungsikan komponen.