使用页面上的组件，布局始终选择默认值。无法选择其他布局

Question

我有一个nuxt.js问题当我尝试在某些页面中使用组件时，布局是“某物”（布局：“某物”）。但是布局始终应用默认设置。这是nuxt的错误吗？还是有一些规则？

// pages/main.vue
<template>
  <div>
    <something />
  </div>
</template>
<script>
import something from "@/components/something.vue";
export default {
  components: {
    something
  },
  layout: 'a'
};
</script>

。。。

// layouts/a.vue
<template>
  <v-app class="dark">
    <nuxt/>
  </v-app>
</template>
<style scoped>
.dark {
  background:black;
}
</style>

。。。

// components/something.vue
<template>
  <div>
  Hello
  </div>
</template>

Answer 1

在布局中添加一些段落，并检查其是否适用：

<template>
  <v-app class="dark">
    <p>Hello from layout</p>
    <nuxt/>
  </v-app>
</template>