Quando se trata de perguntas frequentes da entrevista do Vue.js, aqui estão algumas perguntas frequentes e suas respostas:
1. O que é Vue.js? Quais são as características?
Vue.js é uma estrutura JavaScript progressiva para construção de interfaces de usuário. Possui as seguintes características:
- Leve: a biblioteca principal do Vue.js concentra-se apenas na camada de visualização e é pequena em tamanho.
- Fácil de aprender e usar: Com uma API simples e clara, é fácil começar e integrar em projetos existentes.
- Orientado por dados: use sintaxe de modelo declarativo e rastreie automaticamente dados e alterações de DOM por meio de vinculação de dados bidirecional.
- Componentização: Use o pensamento de desenvolvimento de componentes para dividir a interface em componentes independentes e reutilizáveis.
- Ecologia rica: Possui uma enorme comunidade e um poderoso sistema de plug-ins, suportando integração perfeita com outras bibliotecas ou ferramentas.
2. Qual é o padrão MVVM? Qual é a relação entre a arquitetura Vue.js e MVVM?
MVVM refere-se a Model-View-ViewModel, que é um padrão de arquitetura de software. No MVVM, View é a interface do usuário e ViewModel é o modelo de visualização, responsável pela comunicação e vinculação de dados entre View e Model (camada de dados).
A arquitetura do Vue.js está ligada ao MVVM. A parte de visualização do Vue.js é View, e os dados e estado no componente são ViewModel. O sistema responsivo de vinculação de dados do Vue.js permite que os dados no ViewModel sejam atualizados de forma síncrona com o View, ajudando os desenvolvedores a gerenciar e manter a interface do usuário com mais facilidade.
3. O que é DOM virtual? Por que usar DOM virtual?
Virtual DOM é uma tecnologia central do Vue.js. É uma cópia leve na memória que permanece sincronizada com o DOM real. Quando os dados mudam, o Vue.js compara a diferença entre o DOM virtual e o DOM virtual antigo para minimizar o número de operações diretas no DOM real e melhorar a eficiência da renderização.
Os benefícios de usar DOM virtual são:
- Melhor desempenho: Operar o DOM real é caro. Ao otimizar o DOM virtual, a interface do usuário pode ser atualizada com mais eficiência.
- Plataforma cruzada: o Virtual DOM é independente de plataforma, permitindo que o Vue.js seja executado em vários ambientes, como navegadores, servidores e terminais móveis.
- Simplifique o desenvolvimento: por meio da abstração do DOM virtual, os desenvolvedores podem se concentrar na lógica de negócios sem prestar muita atenção às operações subjacentes do DOM.
4. Quais são os ganchos do ciclo de vida no Vue.js? Quando eles são chamados?
Os ganchos de ciclo de vida para componentes Vue.js incluem beforeCreate, criado, beforeMount, montado, beforeUpdate, atualizado, beforeDestroy e destruído.
- beforeCreate: Execute algumas tarefas de inicialização antes da instância ser criada. Dados e modelos não podem ser acessados neste momento.
- criado: após a criação da instância, os dados e modelos podem ser acessados, mas ainda não foram montados no DOM.
- beforeMount: Chamado antes do componente ser montado no DOM, os preparativos finais podem ser feitos.
- montado: chamado após o componente ser montado no DOM. Neste momento, você pode realizar operações DOM e interagir com o servidor.
- beforeUpdate: quando os dados responsivos são atualizados, eles são chamados antes da nova renderização e as operações de pré-atualização podem ser executadas neste momento.
- atualizado: Chamado após o componente ser renderizado novamente e atualizado.Neste momento, o DOM pode ser operado.
- beforeDestroy: Chamado antes do componente ser destruído, pode limpar temporizadores, desvincular eventos e outras operações.
- destruído: chamado após o componente ser destruído para realizar algum trabalho de limpeza, como desvincular eventos globais, etc.