index.js:
import Vue from 'vue'
import Router from 'vue-router'
import MainPage from '@/components/MainPage'
import News from '@/views/News'
import Watch from '@/views/Watch'
import Entertainment from '@/views/Entertainment'
import Hot from '@/views/Hot'
import International from '@/views/International'
import Military from '@/views/Military'
import Pic from '@/views/Pic'
import Recommend from '@/views/Recommend'
import Tech from '@/views/Tech'
import Video_ from '@/views/Video_'
Vue.use(Router);
export default new Router({
routes: [
{
path: '/' ,
//默认跳转到推荐,实现默认页面
redirect:'/recommend' ,
name: 'mainpage' ,
component: MainPage,
children: [
{
path: 'news' ,
component: News
},
{
path: '/watch' ,
name: "watch" ,
component: Watch
},
{
path:'/entertainment' ,
name: "entertainment" ,
component: Entertainment
},
{
path:'/hot' ,
name: "hot" ,
component: Hot
},
{
path:'/international' ,
name: "international" ,
component: International
},
{
path:'/military' ,
name: "military" ,
component: Military
},
{
path:'/pic' ,
name: "pic" ,
component: Pic
},
{
path:'/recommend' ,
name: "recommend" ,
component: Recommend
},
{
path:'/tech' ,
name: "tech" ,
component: Tech
},
{
path:'/video' ,
name: "video_" ,
component: Video_
},
]
},
{
path: '/news' ,
name: 'news' ,
component: News
},
//如果是子路由,必须要把路由放到子路由下,下面代码为错误示例!
// {
// path: '/watch' ,
// name: 'watch' ,
// component: Watch
// },
// {
// path: '/recommend' ,
// name: 'recommend' ,
// component: Recommend
// },
]
})