problema de gravação
Ao trabalhar no projeto, o projeto pode ser executado normalmente, mas o console sempre relata um erro e um dos dados está indefinido.
analisar problema
Geralmente, ao encontrar essa situação, o Vue não consegue encontrar os dados. Mas por que isso funciona? A explicação é que os dados não podem ser encontrados quando o carregamento é iniciado, mas após a conclusão do carregamento, ele pode ser executado normalmente. Embora não tenha efeito no projeto em si, ele relatará um erro.
Se for esse o caso, existe uma solução direta, que é atribuir um valor inicial à variável que precisa ser atribuída no ciclo de vida onMounted.
O que fazer se o valor inicial ainda estiver errado
Este problema foi encontrado por mim. Depois de procurar muitos problemas, descobri que, quando meus colegas anteriores estavam escrevendo código, eles usavam escrita assíncrona na função de ciclo de vida onMounted.
O surgimento da escrita assíncrona causará muitos problemas. Uma é a ordem de carregamento do projeto; a outra é que, como ele é escrito em async e await, usando chamadas de cadeia de promessas, o resultado de uma solicitação levará inevitavelmente ao resultado de toda a chamada de cadeia.
Portanto, a solução proposta aqui não é mexer no conteúdo do async, mas escrever uma string de códigos síncronos nele para ver se o problema pode ser resolvido com sucesso. Caso contrário, tente alterar ambos para sincronizar.
== Recomenda-se alterá-los para síncronos ou assíncronos com uma ordem de execução clara, caso contrário, isso facilmente levará a confusão lógica e causará erros em outros lugares. ==Outra coisa a lembrar é que quando mudamos de lugar, precisamos testar mais se há algum problema com os componentes relacionados, caso contrário, um relatório de erro pode trazer uma série de reações.