Nuxt pages 아래 다른 페이지 는 layot 아래 의 페이지 레이아웃 작업 에 대응 합 니 다.

<template>
  <div>
    <div class="title">            (  )</div>
    <!-- nuxt         .vue      -->
    <nuxt/>
    <div class="footer">           (  )</div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style scoped>
.title,.footer{
  padding: 20px;
}
.title{
  background: pink;
}
.footer{
  background: yellow
}
</style>

<template>
  <div>
    <h2>          </h2>
  </div>
</template>
<script>
export default {
  //           ；layout        vue     vue       ，layout   layout            
  // layout: 'custom_layout',
  layout: function(context){
    return 'custom_layout'
  }
}
</script>
<style scoped>
 
</style>