Как подгружать данные в компонент до его прорисовки во Vue?

Question

[Николай Семенов]

Ребятушки, всем привет!!
Столкнулся с такой проблемой, в одном из компонентов в console вываливается куча ошибок, из-за того что переменные udefined , после они все равно отображаются и можно было бы подзабить, но как так не комильфо.
Кто как решает эту проблему?

Answer 1

[Evgeny Kulakov]

Заполнить дефолтными значениями? После того, как данные получены обновить.

props: {
    age: {
      type: Number,
      default: 0,
      required: true,
      validator: function (value) {
        return value >= 0
      }
    }
  }

Comments

[Николай Семенов]

ну тоже как-то не комильфо
Загрузил их в родительском компоненте. при переходе в дочернем они уже есть.

[Evgeny Kulakov]

1. Какая задача решается? Ничего не отображать пока данных нет?
2. Пример кода

[Николай Семенов]

Evgeny Kulakov: Наверно так, т.е. он начинает рисовать страницу раньше чем есть данные потому и ошибки в консоле. Тут либо заглушку ставить пока данные не погрузятся либо забить на это

[Алексей Черемисин]

Попробуйте их заполнить в mounted https://vuejs.org/v2/api/#mounted

[Evgeny Kulakov]

Николай Семенов: Ну да, заполнять чем-то дефолтным, делать конструкции типа someProperty || ''

Answer 2

[Aslan]

Диаграмма жизненного цикла компонента

Comments

[Николай Семенов]

не совсем понял что хотели сказать