Извлечение данных из serverPrefetch() в mounted()

#javascript #vue.js #vuejs2 #server-side-rendering

#javascript #vue.js #vuejs2 #рендеринг на стороне сервера

Вопрос:

Вопрос по теме: Предварительная выборка данных и состояние

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

 export default {
    // ...
    serverPrefetch () {
        this.$store.device = this.$vnode.ssrContext.device

        console.log(this.$store.device) // desktop
    },

    mounted () {
        console.log(this.$store.device) // undefined
    }
    // ...
}
  

Пытался использовать хранилище, но не работает. Пожалуйста, скажите мне, как решить эту проблему.

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

1. почему бы вам просто не использовать nuxt

2. @ifaruki По какой-то причине вам нужно решить эту проблему без использования Nuxt… Что вы можете посоветовать? Заранее благодарю вас.

3. Вы не можете назначить переменную устройства напрямую. Попробуйте использовать действия или мутации