Rumah > Artikel > hujung hadapan web > Ketahui lebih lanjut tentang komponen dinamik dalam Vue
Apakah komponen dinamik? Artikel ini akan memberi anda pemahaman terperinci tentang komponen dinamik dalam Vue pengetahuan penting untuk bermula, dan memperkenalkan cara melaksanakan pemaparan komponen dinamik dan komponen kekal hidup.
1. Apakah itu komponen dinamik? Tukar paparan dan penyembunyian komponen secara dinamik. (Belajar perkongsian video: tutorial video vue
)2. Cara melaksanakan pemaparan komponen dinamik
vue menyediakan Komponen terbina dalam, digunakan khas untuk melaksanakan pemaparan komponen dinamik . Kod sampel adalah seperti berikut:
<component></component>
3 Gunakan keep-alive untuk mengekalkan keadaan
Secara lalai, apabila. menukar komponen dinamik Tidak dapat mengekalkan keadaan komponen. Pada masa ini, anda boleh menggunakan komponen terbina dalam vue untuk mengekalkan keadaan komponen dinamik. Kod sampel adalah seperti berikut:
<keep-alive></keep-alive>
4 Fungsi kitaran hayat yang sepadan dengan kekal-hidup
Apabila komponen dicache
komponen akan dicetuskan secara automatik. Apabila komponen deactivated
diaktifkan
komponen akan dicetuskan secara automatik. Kod sampel adalah seperti berikut: activated
Ya Cache komponen dalaman dan bukannya memusnahkan mereka; atribut Cache; Walau bagaimanapun: Jangan gunakan dua atribut dan
pada masa yang samakeep-alive
keep-alive
include
exclude
include
include attribute digunakan untuk menentukan: hanya komponen exclude
dengan nama untuk memisahkan berbilang nama komponen Kod sampel adalah seperti berikut:
(Perkongsian video pembelajaran: Pembangunan bahagian hadapan web, Video pengaturcaraan asas:
)
Atas ialah kandungan terperinci Ketahui lebih lanjut tentang komponen dinamik dalam Vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!