Nuxt3 初学习 -- 路由

83 阅读1分钟

路由 搭建

app.vue

<template> <NuxtPage> </template>

约定式 路由

创建 pages 文件

在 pages 文件 下 写上 目录 文件

————————————————

动态路由

pages/user/[id].vue

这样 就可以有 pages/user/1 这样 的动态 路由了, 挺好的 ,不错

如何 获取 动态 路由

$route.params.id

这样 就可以 获取 动态 路由了

在 js 中 如何 获取呢

const route = useRoute().params

或者 .query

——————————————

路由 跳转

<NuxtLink to='/user/1'> user - 1 </NuxtLink>

或者

<a href="/user/2"> user - 2 </a>

或者 js 跳转

navigateTo({ path: '/user/1, query: { name: '123', type: '456' } })