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

Question

Моя проблема в том, что я хочу получить данные в начале страницы VUE. Я пытался поместить эти коды в mount (), но еще слишком поздно. После поиска, я думаю, возможно, create () - это хорошее место или какие-либо места перед созданием HTML-кода. Но так как мне нужно импортировать функцию, мне кажется, что я не могу использовать созданный (). Поэтому мне интересно, какой вариант лучше сделать?

Прямо сейчас мой код выглядит следующим образом

<template>
    {{ username }}
<template>
<script>
import firebase from 'firebase';

export default {
    name: 'page',
    data() {
        return {
            username = "whatever",
        }
    }
    mounted() {
        var firebaseConfig = {
        // some code
        };
        firebase.initializeApp(firebaseConfig);
        this.username = username from firebase
    },
}
</script>

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

Answer 1

Инициализация данных выглядит немного странно для меня.

Обычно данные должны быть объектами

В вашем случае я бы предположил, что это выглядит примерно так:

data: {
    username: 'whatever'
}

И далее, кажется, отсутствует , между data и mounted.

Я создал скрипку, которая работает

Это не SFC, но я думаю, что этого достаточно, чтобы прояснить ситуацию.

Answer 2

Функция firebase должна быть разрешена перед установкой свойства имени пользователя. Выполните асинхронизацию смонтированной функции и дождитесь вызова firebase