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
// },
]
})