Сохранение состояния / контекста пользовательского ввода

#javascript #vue.js #vuex

#javascript #vue.js #vuex

Вопрос:

У меня есть два .vue компонента: Main.vue , и Two.vue с взаимодействием между ними.

Main это форма, которая принимает пользовательский ввод для объектов < input > (около 30-40 из этих вводов), позволяя им вводить значения string или int .

Main содержит кнопку для перемещения Two и Two содержит кнопку, к которой при нажатии следует вернуться Main и сохранить все значения, введенные пользователем.

Я хотел бы знать, какой подход мне нужно использовать, если я хочу сохранить эти значения на главной странице.

Все исследования показывают, что это форма «сохранения состояния» и указывает на использование vuex, но я не уверен, подходит ли эта библиотека для такого варианта использования. Это кажется более подходящим для больших приложений со сложными взаимодействиями. По какому маршруту мне следовать? Использую ли я что-то вроде локального хранилища или файлов cookie?

Комментарии:

1. Для меня неясно, какова связь между вашими компонентами. Это страницы? Родительский потомок? Но в любом случае, возможно, это поможет: vuejs.org/v2/guide/components-custom-events.html#sync-Modifier

2. Если обе страницы ссылаются на общие состояния и могут редактировать / обновлять состояния с любой страницы, то да, вам нужно управлять своими состояниями, и любая библиотека управления состоянием (vuex / redux) подходит для варианта использования. Поскольку вы используете vue, vuex поможет

3. @Estradiaz да, это страницы