Adakah terdapat mekanisme caching dalam vue?

Terdapat mekanisme caching dalam Vue Anda boleh menggunakan "keep-alive" untuk mengekalkan komponen yang ditukar dalam ingatan, mengekalkan keadaan komponen atau mengelakkan pemaparan semula dan melaksanakan "keep-. alive" ialah komponen abstrak terbina dalam Vue yang digunakan untuk cache komponen untuk mengelakkan memuatkan komponen yang sama beberapa kali dan mengurangkan penggunaan prestasi.

Persekitaran pengendalian artikel ini: sistem Windows 10, versi Vue 2.9.6, komputer DELL G3.

Adakah terdapat mekanisme caching dalam vue?

Caching, sama ada PC atau mudah alih, adalah masalah yang tidak dapat dielakkan. Terdapat keepAlive dalam vue API ini pada asasnya boleh memenuhi beberapa keperluan pembangunan kami.

Pengenalan ringkas untuk keep-alive:

1. Simpan komponen yang ditukar dalam ingatan Anda boleh mengekalkan keadaannya atau mengelakkan pemaparan semula untuk mencapai cache halaman; > 2. ialah komponen abstrak. Ia tidak akan menyebabkan elemen DOM dengan sendirinya, dan ia juga tidak akan muncul dalam rantaian komponen induk.

3. Apabila komponen ditukar dalam , fungsi cangkuk kitaran hayatnya yang aktif dan dinyahaktifkan akan dilaksanakan dengan sewajarnya. (Ini pada asasnya tiada apa-apa)

Nota: Dalam versi 2.2.0 dan lebih tinggi, diaktifkan dan dinyahaktifkan akan dicetuskan dalam semua komponen bersarang dalam pokok

keep-alive ialah komponen terbina dalam Vue Apabila ia membungkus komponen dinamik, ia akan menyimpan contoh komponen yang tidak aktif dan bukannya memusnahkannya.

Fungsi:

digunakan untuk cache komponen, elakkan memuatkan komponen yang sama beberapa kali, mengurangkan penggunaan prestasi dan meningkatkan pengalaman pengguna.

Contoh penggunaan:

Gunakan teg keep-alive dalam App.vue untuk cache semua halaman

Cache beberapa halaman

  <div id="app">
  <keep-alive>
    <tar-bar></tar-bar>
    <div class="container">
      <left-menu></left-menu>
      <Main />
    </div>
    </keep-alive>
  </div>

Nota: Jika peralihan dibalut secara langsung di luar kedua-dua ini, ralat akan dilaporkan jika anda menggunakan kumpulan peralihan secara langsung, anda juga akan dapatkan ralat. Anda perlu menggunakan dua peralihan.

[Cadangan berkaitan: "

tutorial vue.js

"]

Atas ialah kandungan terperinci Adakah terdapat mekanisme caching dalam vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!