nuxt3 怎么做路由切换局部刷新？

Question

url: /item1

url: /item1/list1
url: /item1/list2

url: /item1/list1/1
url: /item1/list1/2
url: /item1/list1/3

url: /item1/list2/1
url: /item1/list2/2
url: /item1/list2/3

这种框套路由怎么做局部刷新？如果是一层一层往下访问，到时可以做，如果是直接访问 /item1/list2/1 好像不会走 /item1 和 /item1/list2，直接到 /item1/list2/1

==================找到了答案===================

嵌套路由

1. 创建一个一级路由，如：parent.vue，在page 根目录下
2. 创建一个与一级路由同名同级的文件夹，如： parent

3. 在parent文件夹下，创建一个嵌套的二级路由

   1. 如：parent/child.vue， 则为一个二级路由页面
   2. 如： parent/index.vue 则为二级路由默认的页面
4. 需要在parent.vue中添加 NuxtPage 路由占位

文章

Answer 1

SSR 在你直接访问 /item1/list2/1 的时候就不应该局部刷新了，否则搜索引擎没法直接拿到内容，对爬虫来说不好，对普通用户来说也不理想，因为可能会伴随页面抖动之类的问题。