vue点击div跳转其他页面_vue页面刚进来是登录页，点击登陆后跳转到首页

app.vue

import login from "./components/login/login.vue"

export default {

name: 'App',

components:{

login

}

}

login.vue

tabbar.vue

import child from "./child"

export default {

components: {

child

},

data: function () {

return {select: "home"}

},

methods: {

getValue: function (n) {

this.select = n;

}

}

}

index.js

import Vue from 'vue'

import Router from 'vue-router'

import Tabbar from '@/components/tabbar'

import Home from '@/components/home/home'

import Classify from '@/components/classify/classify'

import Team from '@/components/team/team'

import Salary from '@/components/salary/salary'

import Check from '@/components/check/check'

import Personal from '@/components/personal/personal'

Vue.use(Router);

export default new Router({

mode: 'history',

routes: [

{

path: '/tabbar',

name: 'Tabbar',

component: Tabbar,

},

{

path: '/home',

name: 'Home',

component: Home,

},{

path: '/salary',

name: 'Salary',

component: Salary,

redirect: {name: 'TermSearch'},

children:[

{path:"termSearch",name: 'TermSearch',component:TermSearch},

{path:"termAnalyse",name: 'TermAnalyse',component:TermAnalyse}

]

},

{

path: '/check',

name: 'Check',

component: Check,

redirect: {name: 'PersonWarn'},

children:[

{path:"personWarn",name: 'PersonWarn',component:PersonWarn},

{path:"teamWarn",name: 'TeamWarn',component:TeamWarn}

]

},

{

path: '/personal',

name: 'Personal',

component: Personal

},

]

})

点击登陆后跳转到首页

这是点击登陆后的效果，路由跳转到tabbar，login页面却还在，首页页面也没显示；

点击首页，home页面显示，tabbar又不显示了

是不是登录页面不能在app.vue里指定

求大佬指点