Данные Vue иногда не отображаются!но работать когда-нибудь!Почему?

Question

Я использую laravel 6.0 и использую компоненты vue. После запуска npm dev я обновляю страницу и имя (данные о компоненте) не отображаются.но после того, как я обновил страницу несколько раз, она появится и через некоторое время снова не будет отображаться данные (имя), поступающие из запроса.

ExampleComponent.vue

 <h5>{{name}}</h5>

 data() {
     return {
        name: ''
     }
 },
 mounted() {
      axios.get('/api/user')
         .then(response => {
             console.log(response);
             this.name = response.data.name;
      });
 },

В журнале консоли отображаются данные ино иногда это не показывают в компоненте vue.но некоторое время работает нормально. В обоих случаях данные журнала консоли отображаются правильно.

снимок экрана журнала консоли

Я уже пробовал с

mounted() {
let self = this;
  axios.get('/api/user')
     .then(response => {
         console.log(response);
         self.name = response.data.name;
  });
 },

Но ничего не изменилось в ситуациях.

Answer 1

Лучше использовать created() вместо mounted().created() выборка данных при создании компонента.Пожалуйста, посмотрите - нажмите здесь