Next.js 15 App Router 核心心智模型：路由段、嵌套布局与插槽机制

## 1. App Router 文件契约层级 App Router 采用基于文件系统的直观层次结构： ``` app/ ├── layout.tsx ── 共享外壳 (不会因路由切换重新挂载) ├── template.tsx ── 模板外壳 (每次导航均创建新实例，触发动画) ├── loading.tsx ── 基于 Suspense 的即时骨架屏 ├── error.tsx ── 基于 ErrorBoundary 的局部错误捕获 └── page.tsx ── 页面实际内容 ```