Introdução
Neste projeto, você aprenderá como construir uma funcionalidade de busca dinâmica em árvore de menu usando Vue.js. O projeto envolve buscar dados de menu secundário de um arquivo JSON, implementar uma funcionalidade de busca difusa (fuzzy search) e exibir a árvore de menu filtrada na página.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como buscar dados de menu secundário de um arquivo JSON usando a biblioteca
axios - Como implementar uma funcionalidade de busca para filtrar os itens do menu com base na entrada do usuário
- Como exibir a árvore de menu filtrada na página, destacando o texto correspondente
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Desenvolver uma interface de usuário dinâmica e interativa usando Vue.js
- Buscar dados de um arquivo JSON e lidar com a busca assíncrona de dados
- Implementar uma funcionalidade de busca difusa (fuzzy search) para filtrar dados com base na entrada do usuário
- Exibir uma estrutura de árvore de menu hierárquica e destacar o texto correspondente
