- Next.js中的
app是一个特殊目录，可以用来创建特殊组件如layout page、head、error及loading。 - 可以创建自定义组件，例如
app played，将header部分单独剪切到app/components目录下的新文件app header.tsx。 - 在
app header.tsx定义一个名为app header的组件，并将剪切的视图内容放入该组件。 - 在
app layout使用新定义的app header组件替换原本的header部分。 - 在浏览器中查看使用
app header组件的页面，显示内容将会是该组件内的视图。