Как в компоненте получить данные с сервера?

Question

[Devero97]

Как в компоненте с сервера получить данные? Использую axios.
Знаю, что asyncData не работает в компонентах, а передавать данные из динамической страницы не вариант.

Comments

[Алекс Глебов]

https://nuxtjs.org/docs/2.x/components-glossary/pa...

[Devero97]

Алекс Глебов, Я могу использовать store в этом запросе?
Правильный код?

props: {
        data: {
            type: String,
            required: true
        }
    },
    data () {
        return {
            datas: ''
        }
    },
    async fetch({store}) {
      this.datas = await store.dispatch('card/fetchById', data)
    },

[Алекс Глебов]

Devero97, Действия нужны для наполнения стора. Тогда данные через геттеры получайте

[Сергей Левченко]

Задайте вопрос правильно! Сейчас ничего непонятно.

[Devero97]

Сергей Левченко, Решил вопрос с использованием нового fecth in Nuxt. Вроде как работает!

[Devero97]

Сергей Левченко, Хм, заметил сейчас такую странность. Я вроде бы получаю данные по новому fetch, но если я смотрю исходный код страницы, то не получаю содержимого именого тех данных, которые я получаю через фетч. Почему так?

data () {
        return {
            data: ''
        }
    },
    async fetch() {
      const res = await this.$store.dispatch('card/fetchById', this.$route.params.slug)
      this.data = res
    },

Код рабочий.