nuxtProject/layouts/templateA.vue

<template>
  <div>
    <mtaheader></mtaheader>
    <div class="nuxt-box">
      <Nuxt />
    </div>
    <mtafooter :requestData="linksData"></mtafooter>
  </div>
</template>

<script>
  import Mtafooter from '~/components/footer.vue'
  import Mtaheader from '~/components/header.vue'
  export default {
    name:    'mtaFooter',
    props:   {

    },
    components: {
      Mtafooter,
      Mtaheader
    },
    data() {
      return {
        linksData: []
      }
    },
    watch:   {},
    methods: {
      getLinksData(){
        this.$axios.post('/home/links/list').then(res=>{
            this.linksData = res.data.data.data
        })
      },
    },
    created() {
      this.getLinksData()
    },
  }
</script>
<style lang="scss" scoped>
  .nuxt-box:not(.client-index-page){width: 100%;margin-top: 80px;}
</style>