Как правильно дождаться данных из стора в компоненте?

Question

[WebDev]

При загрузке приложения идет авторизация пользователя. Я беру токен пользователя из localStorage и отправляю на сервер за данными.
Далее, а одном из компонентов (форма добавления комментария) пользователю нужно заполнить три поля: имя, имейл и сообщение. Поле имейл заполняется из его профиля по умолчанию. Заполняется так:

data() {
    name: '',
    email: '',
    message: ''
},
mounted() {
    this.email = this.$store.state.user.email;
}

Проблема в том, что на момент выполнения mounted(), данные о пользователе могут еще не прийти, то есть запрос еще не до конца выполнился. Я мог бы напрямую вставлять данные из Vuex или повесить отслеживание через watch, но сомневаюсь как правильнее.
Как вы поступаете в таких случаях?

Answer 1

[nvdfxx]

Просто в computed поместите все вызовы из стора, а не в mounted

Comments

[WebDev]

То есть так?

data() {
    name: '',
    email: '',
    message: ''
},
computed: {
    computedEmail() {
        return this.$store.state.user.email;
    }
},
mounted() {
    this.email = computedEmail;
}

[nvdfxx]

да, только в mounted вообще не нужно ничего держать, иначе у вас не будут обновляться данные, просто

computedEmail() {
        this.email = this.$store.state.user.email; 
         //и что нибудь возвращайте, чтобы вуе и линтер не ругался или watch юзайте
    }

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

[Алексей Ярков]

nvdfxx, зачем геттер, который тупо возвращает значение из стэйта, не модифицируя его? Вполне нормально брать из стэйта значения.

Answer 2

[Антон Антон]

А зачем дублировать данные стора в данных компонента? почему не воспользоваться mapState?