Parâmetros opcionais e de resto
Gerencie segmentos opcionais com [[optional]] e rotas abrangentes com [...rest].
Parâmetros opcionais e de resto é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
Segmentos opcionais
Utilize colchetes duplos [[optional]] para tornar um segmento opcional.
src/routes/[[lang]]/about/+page.svelteAs duas URLs correspondem
O exemplo acima corresponde a /about e /en/about. lang é indefinido na primeira.
Parâmetros de restante
Utilize [...rest] para capturar todos os segmentos restantes do caminho como uma matriz.
src/routes/docs/[...slug]/+page.svelteCaptura de vários segmentos
O exemplo acima corresponde a /docs, /docs/a, /docs/a/b etc. params.slug é a string resultante da união.
Casos de uso
Os parâmetros de restante são adequados para sites de documentação, wikis e navegadores de arquivos nos quais a profundidade do caminho varia.
Combinação
Combine parâmetros opcionais e de restante com parâmetros normais para criar um roteamento flexível.
Restante por último
Os parâmetros de restante devem ser o último segmento; o SvelteKit exige isso.
Decodificação
Os segmentos do caminho são decodificados como URL; codifique os caracteres especiais ao criar URLs.
Restante vazio
Um parâmetro de restante vazio resulta em uma string vazia. Trate esse caso na sua função de carregamento.
Compatível com SEO
As rotas de restante podem disponibilizar documentação aninhada sem árvores de rotas enormes.
Resolução de conflitos
O SvelteKit prefere rotas específicas às rotas de restante. As rotas estáticas prevalecem sobre as de restante.
Verificação rápida
O que [...slug] faz?
Recapitulação
Utilize [[opt]] para segmentos opcionais e [...rest] para capturar todos os segmentos restantes. Ambos tornam o roteamento mais flexível.
Perguntas Frequentes
A aula “Parâmetros opcionais e de resto” é grátis?
Sim — o texto completo de “Parâmetros opcionais e de resto” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “Parâmetros opcionais e de resto”?
Gerencie segmentos opcionais com [[optional]] e rotas abrangentes com [...rest]. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Parâmetros opcionais e de resto”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Roteamento baseado em arquivos com +page.svelte
- Parâmetros de rota dinâmicos: [id]
- Parâmetros opcionais e de resto
- Arquivos de layout: +layout.svelte