Rumah  >  Artikel  >  hujung hadapan web  >  Ketahui lebih lanjut tentang komponen dinamik dalam Vue

Ketahui lebih lanjut tentang komponen dinamik dalam Vue

青灯夜游
青灯夜游ke hadapan
2022-11-11 18:40:511441semak imbas

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.

Ketahui lebih lanjut tentang komponen dinamik dalam Vue

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 Ketahui lebih lanjut tentang komponen dinamik dalam Vue

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 Ketahui lebih lanjut tentang komponen dinamik dalam Vue

Apabila komponen dicache

    , fungsi kitaran hayat
  • komponen akan dicetuskan secara automatik. Apabila komponen deactivated diaktifkan

  • , fungsi kitaran hayat
  • komponen akan dicetuskan secara automatik. Kod sampel adalah seperti berikut: activated

Peringatan hangat:


Ketahui lebih lanjut tentang komponen dinamik dalam Vue

Ya Cache komponen dalaman dan bukannya memusnahkan mereka; atribut Cache; Walau bagaimanapun: Jangan gunakan dua atribut dan

pada masa yang sama
  • keep-alive
  • 5 keep-aliveincludeexcludeincludeinclude attribute digunakan untuk menentukan: hanya komponen exclude dengan nama
  • yang sepadan akan dicache. Gunakan
koma Inggeris

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!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam