Как добавить идентификатор подгрузки компонента?

Question

[Ложка в мозге]

Добрый вечер, как добавить идентификатор подгрузки компонента?
Приведу пример кода:

<template>
  <div>
    <Component/>
  </div>
</template>
<script>
export default{
  data: function(){
    return{
       Loading: false  
  }
}
</script>

Component:

<template>
  <div>
    ...
  </div>
</template>
<script>
export default{
  mounted(){
    axios.get(......)
    .then(resp=>{
   ... 
   })
  }
}
</script>

Суть проблемы такова, когда происходит подгрузка данных в компоненте то он весь полностью не отображается, мне же нужно добавить какой-то идентификатор для погрузки самого компонента, а не подгрузки инфы с бекэнда, это возможно сделать?
Буду очень рад вашим ответам:)

Comments

[Alex]

идентификатор для погрузки самого компонента, а не подгрузки инфы с бекэнда

А в чем разница, в вашем случае? Не вижу ваш код, но скорее всего ваш компонент входит в состав общего бандла. А значит он уже загружен. И всё что нужно — отобразить индикатор загрузки данных после которых компонент может работать.

Answer 1

[Иван Табакерка]

Даже интересно самому сработает ли :D

axios.get('/user', { this.Loading = true })
.then(resp=>{
   this.Loading = false
})

Comments

[Ложка в мозге]

Это работает, и об этом я знаю. Но мне нужен идентификатор к самой подгрузке компонента, а не к подгрузке инфы. Я так понимаю нужно это всё делать с помощью хуков

[Иван Табакерка]

Ложка в мозге, зато я теперь не понимаю :D

[Игорь Стасюк]

Ложка в мозге Главный вопрос, а зачем знать когда подгрузится компонент Вам? Если хотите выполнять что-то когда компонент уже готов к использованию то Вам хук created() , еси вам еще надо рендерить что-то или использовать реактивные свойства то Вам хуки beforeMount() & mounted()