Rumah >hujung hadapan web >View.js >Apakah komponen dinamik? Ketahui lebih lanjut tentang komponen dinamik dalam Vue

Apakah komponen dinamik? Ketahui lebih lanjut tentang komponen dinamik dalam Vue

青灯夜游
青灯夜游ke hadapan
2022-05-31 11:21:259220semak 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.

Apakah komponen dinamik? Ketahui lebih lanjut tentang komponen dinamik dalam Vue

1. Apakah itu komponen dinamik? komponen menukar Tunjukkan dan sembunyikan . (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 Apakah komponen dinamik? 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 Apakah komponen dinamik? 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:


Apakah komponen dinamik? 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 Apakah komponen dinamik? 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