Vue: Bagaimana cara menggunakan penyimpanan lokal dengan vue?

Dibuat pada 16 Des 2015 · 3Komentar · Sumber: vuejs/vue

Saya memposting di obrolan (dua kali), tidak ada yang menjawab, jadi saya berharap saya bisa mendapatkan bantuan di sini.

Saya memiliki mixin isLoggedIn() yang mengembalikan true jika item ada di localStorage dan false jika tidak.
Pertanyaan saya adalah, bagaimana saya bisa mengevaluasi kembali keadaan ketika saya memperbarui atau menghapus item dari penyimpanan lokal, karena saya memiliki beberapa elemen yang ditampilkan hanya jika isLoggedIn benar?

Dan apakah benar menggunakan v-show="isLoggedIn()" atau apakah Anda akan menyarankan sesuatu yang lain, saya tidak tahu apa praktik terbaik untuk ini?

Terima kasih teman-teman.

Sumber

seemsindie

👍4

Komentar yang paling membantu

Tangkapannya di sini adalah localStorage tidak reaktif, jadi Anda memerlukan sesuatu yang reaktif untuk memicu perubahan. Pada dasarnya, Anda menggunakan objek untuk mewakili status login, dan ketika Anda login/logout, Anda akan memodifikasi localStorage dan objek itu bersama-sama (dan menginisialisasi objek itu dengan membaca dari localStorage saat memuat aplikasi).

Lihat http://vuejs.org/guide/application.html#State_Management
dan https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ yang melakukan persis apa yang Anda coba lakukan.

yyx990803 pada 16 Des 2015

👍24 😕7

Semua 3 komentar

Lihat http://vuejs.org/guide/application.html#State_Management
dan https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ yang melakukan persis apa yang Anda coba lakukan.

yyx990803 pada 16 Des 2015

👍24 😕7

@yyx990803 Terima kasih kawan, artikel ini persis seperti yang saya coba lakukan.

seemsindie pada 17 Des 2015

Di mana tempat terbaik untuk memeriksa penyimpanan lokal saat inisialisasi aplikasi untuk melihat apakah pengguna sudah masuk dari sesi sebelumnya? Dalam referensi tutorial, mereka hanya memiliki baris di dalam file startup / main.js sebelum Vue diinisialisasi. Saya telah melakukan hal serupa . Apakah itu direkomendasikan?