Настройте vuex в mpvue и сохраните в локальном хранилище.

внешний интерфейс JavaScript Апплет WeChat Vue.js Vuex mpvue

демо-код:GitHub.com/gradually-towering…

#Настройка vuex такая же, как и в vue, за исключением того, что у mpvue есть пит, то есть его нельзя напрямую передать в хранилище при использовании нового Vue.

шаг:

1. Создайте новый каталог хранилища в каталоге SRC, структура выглядит следующим образом (Официальная рекомендация:v u ex.v UE JS.org/this-talent/body так что…)


2. Внесите свой магазин в main.js и привяжите его к прототипу конструктора Vue, чтобы каждый компонент .vue мог получить доступ к объекту хранилища через this.$store.


3. хорошо, готово к использованию. Позвольте мне рассказать о схеме использования, официально рекомендованной vuex (которая может быть адаптирована для крупномасштабных приложений).

Сначала определите имя вашей мутации в Mutation-types.js.


Зачем определять константы имени в первую очередь? (Следующее изображение взято из документации vuex)


Затем пропишите метод обработки вmutations.js


Затем определите переменную в index.js:


хорошо, в компоненте используется следующее


Ok.


# Сохраняем данные в vuex локально (используя vuex-persistedstate) (GitHub.com/Robin V сделал большой U…)


После установки плагина он вводится в магазин (настраивается следующим образом):


ок (данные в vuex были синхронизированы с локальным в режиме реального времени).

(Советы: Совет: метод removeItem будет выполняться каждый раз при входе апплета, что приведет к тому, что данные не будут сохранены, поэтому временно запишите функцию, стоящую за removeItem на приведенном выше рисунке, как пустую функцию! !)



демо-код:GitHub.com/gradually-towering…