nuxt3--笔记

nuxt–学习视频地址：https://jspang.com/article/86

---

app.vue

<template>
  <div>
    <NuxtPage></NuxtPage>  //Nuxt内置的路由出口组件
  </div>
</template>

---

约定路由使用

<NuxtLink to="/demo">跳转到 demo 页面</NuxtLink>

---

动态路由使用

//Index.vue页面
<NuxtLink to="/test-3">跳转到 test页面,参数3</NuxtLink>

//页面 Test-[id].vue
<div>获得的传参{{$route.params.id}}</div>

---