До Nuxt JS 2.12 у нас было два варианта получения данных с сервера
- asyncData для передачи их компонентам.
- Или fetch для заполнения хранилища Vuex.
Теперь запуск Nuxt JS 2.12 fetch(context)
устарел, и для Vue компонентов введен новый обработчик fetch
. 1015 *
В своем приложении я заполняю хранилище Vuex перед отрисовкой страницы, а затем использую геттеры Vuex для получения свойств в компоненте. Я заменил старый fetch
на новый fetch
в моем компоненте, как показано ниже.
async fetch() {
let url = `http://localhost:8080/post/id/1`;
let response = await this.$axios.$get(url);
if (response != null) {
//Vuex action
this.setPostDataAction(response);
}
}
Поскольку хук fetch
вызывается после create
. Свойства извлекаются как null
из хранилища во время фазы create
, и компонент выдает ошибку для null
значений.
Мне нужны предложения о том, какой подход я должен использовать, начиная с Nuxt JS> = 2,12 до заполняют Vuex и доступны во время компонента create
?