据我了解，布局仅有助于摆脱导入组件并不得不将每个页面包装在布局组件中。使用自动导入功能，您甚至可以摆脱导入。所以基本上你只是省去了将页面包装在布局组件中的需要。
没有组件而只有一个字符串 (layout: "my-layout") 会降低灵活性，因为您无法将道具或事件从页面组件传递给布局组件。
使用布局时有性能或其他优势吗？我认为拥有一个布局文件夹是一种很好的做法，但我没有看到在 Options API 中添加布局道具的好处。
【问题讨论】：
标签： javascript vue.js layout nuxt.js
/r/Nuxt 的这个帖子很有趣：https://www.reddit.com/r/Nuxt/comments/iy7a9u/eli5_difference_between_components_pages_and
我会引用一些有趣的回复：
布局：如果您有一些组件，并且您知道要在多个页面上使用它们（例如页眉和页脚），您可以将它们导入并添加到布局中，然后在页面上使用此布局需要它。无需单独导入这些必备组件并将这些组件单独添加到每个页面中，并且代码重复更少。此外，任何应该仅适用于特定页面的 css 定义都可以放入其中，而不必分别将它们添加到每个页面/组件中。
布局实际上只是顶级包装器组件，它非常有助于将大量样板代码保留在一个位置，而不是将其插入到每个页面中。例如，我可以有一个博客布局，右侧是侧边栏，顶部是面包屑，左侧是小部件。我会创建一个“blog.vue”，这样我就可以让我的页面保持干燥。
TLDR：您应该使用Layouts 作为顶级包装器来保持干燥。他们不应该有来自Pages 的任何道具，因为他们正在包装它们。当然，组件也可以完成这方面的工作，但它有点冗长。
IMO 没有性能优势（一切都是组件），同时Layouts 更具语义。
【讨论】：