nuxtProject/layouts/templateA.vue

<template>
  <div>
    <mtaheader></mtaheader>
    <div>
      <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
          console.log(this.linksData);
        })
      },
    },
    created() {
      this.getLinksData()
    },
  }
</script>