Next Link导航

语法

 <Link href="/first-page">
    <a>查看first-page</a>
 </Link>

优点

  • 页面不会刷新,用Ajax请求新页面内容
  • 不会请求重复的HTML、CSS、js内容
  • 自动在页面插入新内容、删除旧内容
  • 因为节省了很多请求和解析过程,所以速度很快
  • 借鉴了Turbolink\pjax技术

路由跳转的时候,浏览器没有直接请求page2, 而是浏览器通过page1的ajax请求page2的js。
nextjs将html/js/css整合在一个js里面, 每次切换路由都会请求js. 对页面做DOM的替换。

posted @ 2022-06-02 11:37  IslandZzzz  阅读(112)  评论(0编辑  收藏  举报