Как реализовать сохранение информации на странице при переходах между страницами?

Question

[borisovdenis]

Разбираюсь с vue-routers и HTML History. Никак не могу понять как сохранять данные, которые находятся на странице перед переключением на другую страницу, и как соответственно восстановить эти данные, при возвращении к странице?

Подскажите, пожалуйста, хорошо бы с примером!)

Answer 1

[Yeldos Adetbekov]

Используйте Vuex.

Answer 2

[Богдан Духевич]

Вы данные получаете асинхронно на самой странице? Если так, то перенесите это все во vuex - в стейте данные, в экшнах - их получение. Сами же экшны запускать можно в component-хуке beforeRouteEnter.

В случае, если vuex не хотите или не можете использовать, пишите все в localStorage)

Comments

[borisovdenis]

Хорошо, но вы можете сказать позволяет ли HTML History сохранять информацию на странице? Если да, то как?

[Богдан Духевич]

Да, позволяет, но при прямом вызове pushState - https://developer.mozilla.org/ru/docs/Web/API/Hist...
И там есть ограничение в 640кб.

Для сохранения состояния компонентов Vue попробуйте вот это - https://ru.vuejs.org/v2/guide/components.html#keep...

[borisovdenis]

Богдан Духевич: спасибо) попробую!

[Игорь]

Богдан Духевич, а случаем vuex не синхронизируется с localStorage?