Vue js получение данных перед загрузкой страницы

Question

Всем привет! Изучаю vue, из документации не совсем понимаю, как можно получить данные от серверной часть, перед загрузкой страницы.

Как лучше использовать методы? Есть какие-либо ХОРОШИЕ примеры, с использованием полученных данных затем в computed свойствах, чтобы работало без ошибок?

Пример: получить данные от серв части, заранее по этим данными сделать парочку computde свойств и в шаблоне их отобразить

Аналогия asyncData в nuxt.js

Answer 1

// main.js
import store from "@/store";
import axios from "axios";
import VueAxios from "vue-axios";

import {createApp} from "vue";
import App from '@/js/App.vue'

let settings = {}
axios({
    method: 'get',
    url: '/path/to/api/',
})
    .then((res) => {
        settings = res.data

        store.axios = axios;

        let app = createApp(App)
        app.use(VueAxios, axios);
        app.use(store)
        app.config.globalProperties.$settings = settings

        app.mount('#app')
    });

// App.vue
// ...
mounted()
{
    this.$store.dispatch('setSettings', this.$settings)
}
// ...

БЛОГ НА HUSL

Vue js получение данных перед загрузкой страницы

Ответы (1 шт):