Terdapat beberapa cara untuk melaksanakan cache vue

Vue mempunyai 4 cara untuk cache data: 1. Menggunakan localStorage, sintaks "localStorage.setItem(key, value)"; 2. Menggunakan sessionStorage, sintaks "sessionStorage.setItem(key, value)"; 3. Pasang dan rujuk pemalam storage.js, dan gunakan pemalam untuk caching; 4. Gunakan vuex, iaitu mod pengurusan keadaan yang dibangunkan khas untuk aplikasi Vue.js.

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, komputer DELL G3.

Beberapa cara untuk melaksanakan caching dalam vu:

Dua yang pertama

* localStorage

  window.localStorage.setItem(key,value)
  window.localStorage.getItem(key)

* sessionStorage

 window.sessionStorage.setItem(key,value)
  window.sessionStorage.getItem(key)

Perbezaan antara localStorage dan sessionStorage

https://blog.csdn.net/qq_31741481/article/details/ 88054069

Kaedah ketiga (disyorkan) - storage.js

Penggunaan:

import storage from 'store'
// Store current user
store.set('user', { name:'Marcus' })

// Get current user
store.get('user')

// Remove current user
store.remove('user')

// Clear all keys
store.clearAll()

// Loop over all stored values
store.each(function(value, key) {
	console.log(key, '==', value)
})

Diuji, lalai disimpan dalam localStorage

store.js mengandungi pelbagai penyelesaian storan Contohnya, dalam beberapa senario di mana localStorage gagal, cookieStorage.js boleh digunakan. Kuasai dan anda pada dasarnya boleh menangkap semua penyelesaian caching sekali gus.

• all.js Semua storan di satu tempat yang berguna.
• localStorage.js Simpan nilai dalam localStorage Bagus untuk semua pelayar moden.
• sessionStorage.js Simpan nilai dalam sessionStorage.
• cookieStorage.js Simpan nilai dalam kuki Mod Safari Private.
• memoryStorage.js Simpan nilai dalam memori sandaran hebat untuk memastikan kefungsian kedai pada setiap masa.
• oldFF-globalStorage.js. Simpan nilai dalam GlobalStorage Hanya berguna untuk Firefox 3 yang lama.
• oldIE-userDataStorage.js Simpan nilai dalam userData Hanya berguna untuk IE 6 yang lama.

Untuk pengenalan lanjut, sila rujuk kepada ：store.js rasmi（https://github.com/marcuswestin/store.js#readme）

Jenis keempat - vuex

sesuai untuk membina aplikasi satu halaman vue yang lebih kompleks.

Vuex ialah corak pengurusan keadaan yang dibangunkan khusus untuk aplikasi Vue.js. Ia menggunakan storan terpusat untuk mengurus status semua komponen aplikasi dan menggunakan peraturan yang sepadan untuk memastikan status berubah dengan cara yang boleh diramal. Vuex juga disepadukan ke dalam sambungan devtools alat penyahpepijatan rasmi Vue, menyediakan fungsi penyahpepijatan lanjutan seperti penyahpepijatan perjalanan masa konfigurasi sifar, import dan eksport syot kilat status, dsb.

[Cadangan berkaitan: "tutorial vue.js"]

Atas ialah kandungan terperinci Terdapat beberapa cara untuk melaksanakan cache vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!