Когда использовать mounted, а когда created?

Question

[Artem0071]

Решил более глубже изучить Vue.
Может кто то объяснить в каких случаях нужно применять created, mounted и остальные?

Допустим у меня берутся данные с сервера.
В какой из методов я должен поместить функцию чтобы скачивать информацию с сервера?

И, если это возможно, было бы неплохо узнать так по всем методам, хотя бы с приблизительными примерами. А то в документации только написано:

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

схема

Comments

[vism]

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

Answer 1

[Артем]

Функцию загрузки данных обычно помещают в mounted(), т.к. нужно отображать какой-нибудь прелоадер, а после загрузки данных - показывать и их.
Событие created() вызывается, когда компонент создан, но в DOM еще не помещен (проще говоря, у вас на странице в этот момент только <div id="app"></div>, и показывать информацию негде.

Подробнее написано в документации в разделе API:
https://ru.vuejs.org/v2/api/#created