我已经开始学习next.js了,在Next.js官方文档中:
该文档提到了两个路由器功能;应用程序路由器和页面路由器。哪一个最适合开发?
谁能解释一下 App Router 和 Pages Router 之间的区别吗?
我应该学习两者还是一个?
为了方便理解,我创建了下面的差异表,根据您的要求,您可以使用所需的路由器,但是官方文档中更喜欢使用
app router
。
特点 | 应用程序路由器 | 页面路由器 |
---|---|---|
路由类型 | 以服务器为中心 | 客户端 |
支持服务器组件 | 是的 | 没有 |
复杂性 | 更复杂 | 更简单 |
性能 | 更好 | 更糟 |
灵活性 | 更灵活 | 不太灵活 |
另请参阅最新的 Nextjs 13 代码模板 Next.js 13+ 强大片段 | TypeScript/Javascript
它包含
ts
和js
的广泛代码片段。查找所有片段 此处
在Next.js中,有两种类型的路由器:App路由器和Page路由器。让我们逐点讨论它们之间的差异:
目的:
地点:
你好,
如上面所解释和直观地说明的,使用应用程序路由提供了许多改进。作为开发人员,我强烈建议您直接使用应用程序路由启动项目。我本人目前正在将现有项目转换为这种方法,我们公司的许多其他项目也是如此。
享受开发和编码的乐趣!
应用程序路由器 (_app.js) 用于配置应用程序范围的设置和组件,例如页眉和页脚。页面路由器(页面目录中的文件)用于定义路由并处理单个页面渲染,包括动态路由。您通常需要学习两者才能完成完整的申请。