learning-system-portal/src/layout/portal.vue

<template>
  <div>
    <portal-header></portal-header>
    <div>
      <transition name="fade-transform" mode="out-in">
          <router-view :key="key" />
      </transition>
    </div>
    <portal-footer></portal-footer>
  </div>
</template>

<script>
  import { mapGetters } from 'vuex'
  import portalHeader from '@/components/PortalHeader.vue'
  import portalFooter from '@/components/PortalFooter.vue'
  export default {
    name: "LayoutPortal",
    components:{portalHeader,portalFooter},
    computed:{
      ...mapGetters(['userInfo']),
      key() {
        return this.$route.path
      }
    },
    data() {
      return {
        // 版本号
        version: "1.0.0"
      };
    },
    mounted() {


    },
    methods: {

    }
  }
</script>

<style scoped lang="scss">

</style>