Vue: كيفية استخدام localStorage مع vue؟

تم إنشاؤها على ١٦ ديسمبر ٢٠١٥  ·  3تعليقات  ·  مصدر: vuejs/vue

لقد نشرت في الدردشة (مرتين) ، ولم يرد أحد ، لذلك آمل أن أحصل على بعض المساعدة هنا.

لدي mixin isLoggedIn () يعيد صحيحًا إذا كان العنصر موجودًا في localStorage و false إذا لم يكن كذلك.
سؤالي هو ، كيف يمكنني إعادة تقييم الحالة عندما أقوم بتحديث أو إزالة عنصر من التخزين المحلي ، لأن لدي بعض العناصر معروضة فقط إذا كان isLoggedIn صحيحًا؟

وهل من الصواب استخدام v-show = "isLoggedIn ()" أم تقترح شيئًا آخر ، لا أعرف ما هي أفضل ممارسة لذلك؟

شكرا يا شباب.

التعليق الأكثر فائدة

المهم هنا هو أن localStorage ليس تفاعليًا ، لذا فأنت بحاجة إلى شيء تفاعلي لتشغيل التغييرات. بشكل أساسي ، تستخدم كائنًا لتمثيل حالة تسجيل الدخول ، وعند تسجيل الدخول / تسجيل الخروج ، يمكنك تعديل localStorage وهذا الكائن معًا (وتهيئة هذا الكائن من خلال القراءة من localStorage عند تحميل التطبيق).

راجع http://vuejs.org/guide/application.html#State_Management
و https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ الذي يفعل بالضبط ما تحاول القيام به.

ال 3 كومينتر

المهم هنا هو أن localStorage ليس تفاعليًا ، لذا فأنت بحاجة إلى شيء تفاعلي لتشغيل التغييرات. بشكل أساسي ، تستخدم كائنًا لتمثيل حالة تسجيل الدخول ، وعند تسجيل الدخول / تسجيل الخروج ، يمكنك تعديل localStorage وهذا الكائن معًا (وتهيئة هذا الكائن من خلال القراءة من localStorage عند تحميل التطبيق).

راجع http://vuejs.org/guide/application.html#State_Management
و https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ الذي يفعل بالضبط ما تحاول القيام به.

@ yyx990803 شكرًا يا رجل ، هذه المقالة هي بالضبط ما أحاول القيام به.

ما هو أفضل مكان للتحقق من التخزين المحلي عند تهيئة التطبيق لمعرفة ما إذا كان المستخدم قد قام بتسجيل الدخول بالفعل من جلسة سابقة؟ في البرنامج التعليمي المشار إليه ، لديهم فقط سطر داخل ملف بدء التشغيل / main.js قبل تهيئة Vue. لقد فعلت شيئًا مشابهًا . هل هذا موصى به؟

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات