Как я могу сделать компонент в Vue JS, чтобы никогда не удалять данные, которые я добавил к нему? Когда я переключаю маршруты, компонент удаляет все данные, которые он получил

Question

Я работаю в интернет-магазине в Vue js, и когда я добавляю продукты, я использую шину событий, а затем добавляю продукты в CartComponent по шине событий. И это работает, но когда я вернусь и добавлю новый продукт или просто вернусь, чтобы на странице перезагрузить все данные в моем CartComponent был удален. Как я могу это сделать, чтобы никогда не удалять полученные данные?

Я попытался окружить компонент

<keep-alive>
<CartComponent />
</keep-alive>

Но это не работает. Может кто-нибудь сказать мне, как сделать так, чтобы компонент не удалял данные, когда я переключаю маршруты?

Answer 1

Шина является коммуникационным узлом, она не хранит информацию для вас.

У вас есть несколько способов решения этой проблемы:

• реализовать свой собственный модуль, где выхранить эту информацию.При обновлении корзины также обновляется ваш модуль.Или
• используйте Vuex , что является реализацией магазина.Вся ваша информация должна поступать через магазин.Он постоянен и доступен во всем мире.Подробнее о Vuex здесь

Я настоятельно рекомендую использовать Vuex.