Solucionado
Boa noite,
Consegui entender a interpolação, como no caso das fotos e do título. Mas qual a ordem de execução para criação do componente, leitura das variáveis e carregamento das mesmas na página?
Primeiro cria-se o HTML, depois carrega o que está data() para que seja renderizado no HTML? Qual o ciclo de vida nesse caso?
Grato desde já.
Fala, Thiago! Tudo certo?
O ciclo de vida de vida de um componente é dividido em algumas etapas que podem ser observadas pelos comportamentos dos Hooks.
Os Hooks estão atrelados a algum momento desse ciclo de vida, e por isso você pode se referenciar a esses momentos pelos nomes dos Hooks.
Especificamente sobre sua dúvida, o created é a segunda etapa do ciclo de vida do componente. Nesse estágio, o processamento das opções já foram feitos, incluindo data, computed, methods e outras opções que nós podemos ou não configurar em um componente.
Depois de created que o Vue começa a avaliar informações relacionadas a DOM, como a opção $el e a opção template. Uma vez que tudo isso é determinado, uma função é executada para a compilação do template HTML.
É importante ressaltar que você não precisa entender vários desses termos agora. A maneira que o Vue efetivamente funciona por baixo dos panos é um pouco diferente do código que nós costumamos escrever para definir um componente. Então, o que escrevemos o Vue converte em uma função própria, e essa função própria faz as operações necessárias.
Se você quiser entender mais (inclusive com uma ilustração do ciclo de vida de uma instância Vue), você pode ver aqui: A Instância Vue. Essa página é da própria documentação do Vue, traduzida em português.
Espero ter ajudado!