Implementar Sugestões de Pesquisa com Vue.js

Iniciante

Neste projeto, você aprenderá como implementar um recurso de sugestões de pesquisa em um campo de entrada usando Vue.js 2.x. Este recurso é comumente usado em aplicações web para fornecer aos usuários uma lista de dados correspondentes à medida que eles digitam no campo de pesquisa.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como implementar um recurso de sugestões de pesquisa de entrada usando Vue.js 2.x. Este recurso é comumente usado em aplicações web para fornecer aos usuários uma lista de dados correspondentes à medida que eles digitam na entrada de pesquisa.

👀 Pré-visualização

Demonstração de sugestões de pesquisa Vue

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como capitalizar a primeira letra dos cabeçalhos da tabela de dados
  • Como implementar a funcionalidade de sugestões de pesquisa com base na entrada do usuário

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Manipular o DOM usando diretivas Vue.js como v-for e v-model
  • Criar propriedades computadas em Vue.js para filtrar e exibir os resultados da pesquisa
  • Aplicar estilo básico à tabela e à entrada de pesquisa

Professor

labby
Labby
Labby is the LabEx teacher.