CodeRoadMap
路线图学习路径文章题库资源社区

浏览

首页路线图学习路径知识库题库文章资源社区我的学习
CodeRoadMap

中文编程学习导航:路线图、讲义与题库,进度可同步。

路线图学习路径文章题库社区

© 2026 CodeRoadMap

津ICP备2026012044号-1|coderoadmap@126.com
开发路线图/Next.js 路线图/布局与模板
阶段一

布局与模板

节点说明与学习资源

布局和模板提供了一种跨多个页面共享 UI 元素的方式,保持状态并避免不必要的重新渲染。布局围绕页面,在路由变化时持续存在,以保留导航栏或侧边栏等元素。

模板与布局类似,它们也围绕每个子布局或页面。与在路由之间持续存在并保持状态的布局不同,模板为它们的每个子元素在导航时创建一个新的实例。这意味着当用户在共享模板的路由之间导航时,组件会挂载一个新的实例,DOM 元素会被重新创建,状态不会保留,效果也会重新同步。

← 上一节点页面渲染下一节点 →Next.js 路由基础