Vuex: сохранить части состояния при обновлении браузера

Question

Я использую Vue с Vuex. У меня возникла следующая проблема: когда пользователь нажимает "кнопку обновления" браузера, состояние в хранилище Vuex сбрасывается до его начальных значений. Однако я хочу сохранить государство. Точнее, я хочу сохранить только часть государства, но не всю.

Теперь я знаю, что есть плагин под названием "vuex-persistedstate". Вот этот:

https://www.npmjs.com/package/vuex-persistedstate

Существует также возможность сохранить только части штатов, но я не знаю, как это сделать точно. Например, если мы посмотрим на jsfiddle

https://jsfiddle.net/robinvdvleuten/wmf8zvf8/

есть переменная с именем count. Предположим, у нас была другая переменная "newCount" в состоянии, и я хочу сохранить только newCount, но не считать. Что подробно я должен написать вместо plugins: [createPersistedState()]?

Большое спасибо за любую помощь!

Answer 1

Вы не можете сохранить какую-либо часть состояния после обновления браузера. Зачем? Поскольку это всего лишь javascript, все, что произойдет, будет сброшено после обновления.

Если вы хотите создать постоянные данные, вы должны хранить их где-то. Несколько решений:

1. Используйте удаленную базу данных
2. Создать сеанс сервера
3. Хранить в локальном хранилище браузера ( решение по умолчанию для vuex-persistedstate)
4. Хранить в печенье

Будьте осторожны с хранилищем браузера, некоторые пользователи отключают его, вам придется управлять политиками конфиденциальности и безопасности.