В этом видео мы начинаем небольшой курс по разработке с использованием Pinia. Telegram: t.me/front_eve... Instagram: / frontend_everyday VK: groups Тренировка своих навыков: frontend-skill...
Отлично, что короткие видео. Во-первых новичкам проще к восприятию, а во-вторых, если курс использовать и как напоминалку, то проще искать решение. Особенно, если каждое видео будет об отдельной теме с соответствующим названием
К сожалению, не получится совсем все видео сделать короткими (по 5-10 минут), так как объяснять все таки есть что) Но одно видео - одна тема, так что, надеюсь, никто не запутается)
Может когда-то и говорил, но уже давно в документации написано «Pinia started out as an exploration of what the next iteration of Vuex could look like, incorporating many ideas from core team discussions for Vuex 5. Eventually, we realized that Pinia already implements most of what we wanted in Vuex 5, and decided to make it the new recommendation instead.» Они не советуют использовать пока еще Composition API в сторе, особенно в связке с Vue2. Но то, что они уже рекомендуют юзать Pinia вместо Vuex написано в доке
Автор, буду очень благодарен, если подскажите. Можно ли с помощью Pinia сделать так, чтобы данные сохранялись после обновления страницы? Т.е. у меня есть кнопка выбора товара и когда я нажимаю "+" на ней, то вызывается функция увеличивающая значение счетчика на 1. Когда кликаю на "-", то уменьшаю значение счетчика на 1(минимальное значение - "0"). Но после перезагрузки страницы эти значения теряются, т.к. очищается переменная(значение по умолчанию "0"). Как сделать так, чтобы переменная(счетчик) не очищался после обновления страницы?
@@frontend-skills да я уже думал об этом, но никак не пойму, как в моей ситуации можно LocalStorage заюзать... Или он не решает мою проблему, или я не до конца понял, как он работает. Потому объясню задачу получше. У меня есть массив с данными, в котором 30 объектов(каждый объект - это список свойств с описанием КОНКРЕТНОГО товара, за который отвечает сам объект). В каждом объекте так же есть значение в виде свойства value со значением 0, т.е. "value: 0" и еще 2 вот такие функции(метода): Метод 1: addPlus(id) { this.value = this.value + 1; }, и Метод 2: addMinus(id) { if (this.value > 0) { this.value = this.value - 1; } },
@@frontend-skills Таким образом я вызываю для выбранного товара одну из этих функций(методов) и увеличиваю счетчик или уменьшаю счетчик выбранных товаров на 1. Но значение value в массиве после перезагрузки страницы обнуляется. Может ли LocalStorage помочь мне решить эту проблему? Просто я не пойму, как его использовать для реализации моей задачи.
@@frontend-skills У меня впечатление, что значение value ИЗНАЧАЛЬНО должно храниться в LocalStorage(а не в моем объекте) и вызовом метода я должен изменять значение value ВНУТРИ LocalStorage. Но как это сделать и возможно ли? Может тут лучше подойдет Pinia? Но будет ли он сохранять данные после перезагрузки страницы?
Я не сказал, что нельзя во Vuex обращаться из одного модуля в другой :) я сказал, что Pinia построена архитектурно как модульное решение. Vuex под капотом имеет другую архитектуру