Vue-router 頁(yè)面跳轉(zhuǎn)無(wú)應(yīng)答

vue-router跳轉(zhuǎn)的過(guò)程中頁(yè)面無(wú)法跳轉(zhuǎn)。我的代碼如下：

routrt里的index.js
import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)
const Loading = resolve => require(['../Views/Loading'],resolve)
const Layout = resolve => require(['../Views/Layout'],resolve)
const Demo = resolve => require(['../Views/Demo01'],resolve)
const Infromation = resolve => require(['../Views/Infromation'],resolve)
const Like = resolve => require(['../Views/Like'],resolve)
const Skill = resolve => require(['../Views/Skill'],resolve)

const router = new Router({
routes: [

{
  path: '/Loading',
  name: 'Loading',
  meta:{
    requireAuth: false
  },
  component: Loading
},
{
  path: '/',
  name:'Layout',
  meta: {
      requireAuth: true
  },
  component: Layout,
  redirect: '/Layout', // 這里重定向到登錄頁(yè)面
  children:[{
    path:'/Infromation',
    mata:{
      requireAuth: true
    },
    component: Infromation
  },{
    path:'/Like',
    meta:{
      requireAuth: true
    },
    component:true
  },{
    path:'/Skill',
    meta:{
      requireAuth:true
    },
    component:Skill
  }]
}

]
})

export default router

Loading代碼
<template>

<div id="demo">

<button value="goIndex" @click="goIndex">goIndex</button>

</div>

</template>
<script>
import Vue from 'vue'
export default {
name: "Loading",

    data() {
                    return {
                            username:''
                    }

},
methods:{

            goIndex:function (){
      this.$router.push("/")
                    
                    return {
                            username:'1'
                    }
                    }
        }

}
</script>
Layout頁(yè)面
<template>

<div>hellow world</div>

</template>

<style>

div{font-size: 30px;}

</style>
請(qǐng)問(wèn)這是哪里出了問(wèn)題，應(yīng)該怎么修改？