VueX в миксине

Question

Прежде чем писать слишком много кода, я подумал, что концептуально пойму, правильно ли то, что я делаю.

У меня есть некоторые компоненты, которые импортируют миксин. В миксине есть вызов веб-API для получения некоторых ссылок из API (HATEOAS), поэтому пользовательский интерфейс может использовать ссылки, не формируя свои собственные ссылки. Это будет выглядеть примерно так:

[
        {
            "Rel": "GetSupportingData",
            "Href": "https://api.com/SupportingData"
        },
        {
            "Rel": "Search",
            "Href": "https://api.com/Search"
        }
]

Таким образом, в MIXIN есть метод GetLink («Поиск»), который извлекает ссылки из API и возвращает запрошенную ссылку.

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

Примеры Vuex, которые я видел, инстанцировали его на компоненте, поэтому то, что я делаю, может показаться неправильным.

Answer 1

Вы можете хранить веб-ссылки API для хранения, что является одним из подходов, но когда вы обновляете страницу снова, хранилище должно быть заполнено API-ссылками

Таким образом, альтернативный подход заключается в использовании localStorage илиindexedDB браузера

Каждый раз, когда вы сначала загружаете приложение, оно переходит в localalstorage или indexedDB и проверяет ссылки API. Если он присутствует, он восстанавливается в магазине Vues. Или вызов метода mixin для извлечения API-ссылок и загрузки в хранилище браузера и хранилище vuex