Lifecycle
Cada exemplo de um componente e irá experimentar um ciclo de vida completo, dividido em três fases
1. Inicialização Fase
2 operação (montagem de dados)
3. destruição
durante o ciclo de vida de
um e um componente exemplo, por nova vue () para criar , iniciar ciclo de vida.
2. Depois de instanciação, função enganchando beforeCreate será executada imediatamente, sem carregar dados neste momento, então a função que não pode dados adquirem enquanto não há nenhum nó verdadeira DOM pendurado para fora para NULL.
3. Monte de Dados ( Nota: não montados nó dom ) e depois de eventos de ligação, executa criado função de gancho , quando os dados foi concluída montagem, onde você pode obter os dados e alterar dados. Mas neste caso não irá desencadear outra função de gancho. Ele pode ser usado para fazer solicitações Ajax e ligações de eventos .
4. Depois de completar a função de gancho criado, comecei a olhar para os componentes e exemplos de cada modelo, deixá-lo ser compilado em DOM virtual, colocar função rander para inicializar renderização , função de gancho beforeMount no DOM virtual foi criado a partir de, mas os dados não tenha sido proferida, aqui você não vai desencadear outra função de gancho pode ser usado para solicitações de fazer e ligações de eventos.
5. Em função rander real render o DOM , iniciou funções montado , onde os dados já está montado bom, nó dom também prestados, você pode fazer alguns exemplos de coisas relacionadas.
6. EmQuando os componentes de dados e exemplos de mudanças , será executada imediatamente função AntesDeAtualizar , e então re-criar um virtual DOM DOM com o velho método virtual com diff contraste, e então re-render.
7. Quando a atualização for concluída, a implementação da função atualizados , esses dados de tempo, atualizações DOM estão completas, você pode. New DOM
8. Quando você chamar $ destruir método através de alguns meios para a implementação imediata da função de gancho beforeDestroy , desta vez também exemplos não destruídos.
9. Após o exemplo da destruição da função de gancho vai ser executado imediatamente destruído , tudo será de-ligação indicação neste momento vue exemplo, todos os ouvintes de evento será removido, tudo exemplo a criança irá ser destruída. Durante o processamento no lado do servidor do gancho não é chamado, deixando apenas um DOM shell, onde você pode fazer um trabalho perfeito.
