Как на Vue.js реализовать историчность приложения?

Question

[Александр]

Добрый день.

Ни подскажете каким образом можно реализовать историчность SPA?
Я имею ввиду не только для роутера (history-mode), но и хранение состояний остальных компонентов.

Например есть табличка, возвращаемся, там сохранена страница на которой был пользователь, выделение, которое оставлял пользователь, значение фильтров и тд.

Понимаю, что можно историю поместить в LocalStorage и в зависимости от страницы и ее компонентов придавать им сохраненные состояния. Пока думаю в таком ключе.

Есть какие то иные подходы?

Answer 1

[Artray]

keep-alive

https://ru.vuejs.org/v2/api/#keep-alive

<keep-alive>
    <router-view />
</keep-alive>

https://codepen.io/anon/pen/MZEKYX

Comments

[Александр]

найс :D

Для топорного варианта очень сойдет. Но возможно придется дописывать какие то нюансы

Answer 2

[Антон Антон]

Хранить все в vuex store

Comments

[Александр]

+ ...

Хотя да, точно. Если vuex есть в проекте. В моем случае он присутствует.