Ciclo de vida do Vue
Ainda há uma pequena diferença entre o ciclo de vida Vue 2.0 e 1.0, e há muitos artigos de blog sobre o ciclo de vida Baidu. Sem mencionar mais nada, vamos simplesmente listar um total de oito e apresentá-los um por um abaixo.
antes de criar
O componente de instância acabou de ser criado e o elemento DOM e os dados não foram inicializados. Não se sabe se as operações de vida podem ser executadas neste ciclo.
criada
Os dados data foram inicializados e o método pode ser chamado, mas o DOM não é renderizado. Nesse ciclo, se você fizer uma solicitação, poderá alterar os dados e renderizá-los. Como o DOM não está montado, muitas solicitações ou muito tempo farão com que a página fique em branco online.
antes de montar
O DOM não foi montado e os dados foram inicializados, mas a ligação bidirecional dos dados ainda mostra { { }}, porque o Vue usa a tecnologia Virtual DOM (Virtual Dom). Primeiro ocupou um buraco.
montado
Tanto os dados quanto o DOM são montados e os dados ocupados no ciclo anterior renderizam o valor. Geralmente, a requisição será colocada neste local, pois a requisição aqui só pode renderizar após alterar os dados.
antes de atualizar
Enquanto os dados da página forem alterados, eles serão acionados. Antes dos dados serem atualizados, os dados da página ainda são os dados originais. Quando você solicitar a atribuição de um dado, este ciclo será executado. Se não houver alteração de dados, não será executado.
Atualizada
Enquanto os dados da página forem alterados, eles serão acionados. Depois que os dados são atualizados, os dados da página são atualizados. BeforeUpdate e updated devem ser usados com cautela, pois serão acionados quando a página atualizar os dados, e os dados operacionais aqui afetarão o desempenho e causarão um loop infinito.
antes de destruir
Este ciclo é executado antes que o componente seja destruído. No desenvolvimento do meu projeto, acho que isso é um pouco semelhante ao gancho de roteamento beforeRouterLeave, que é executado quando a rota sai. No entanto, beforeDestroy não pode impedir que a rota salte, mas pode ser feito na saída da rota Operação, pois dados e método também podem ser utilizados neste ciclo. Por exemplo, um componente de contagem regressiva, se não for limpo quando a rota pular, o cronômetro ainda estará lá e o cronômetro poderá ser limpo neste tempo.
Destruído
Para ser honesto, eu realmente não sei a diferença entre este ciclo e o beforeDestroy. Posso chamar dados e métodos neste ciclo, então acho que é o mesmo que o beforeDestroy.