How to load data into a component before rendering it in Vue?

Question

JavaScript

Guys, hello everyone!!
I ran into such a problem, in one of the components in the console a bunch of errors fall out, due to the fact that the variables are udefined , after they are still displayed and it could be added, but it’s not comme il faut.
Who solves this problem?

Answer 1

Fill with default values? Update after the data is received.

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

Answer 2

Component Life Cycle Diagram