第一章 项目初始化拆分路由

一、拆分路由项目结构为

/* jshint esversion: 6 */
import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
import MovieRouter from './movie'
import CinemaRouter from './cinema'
import MineRouter from './mine'
export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    MovieRouter,
    CinemaRouter,
    MineRouter
  ]
});

routers/movie/index.js
export default {
    path:'/movie',
    component:()=>import('@/views/Movie')
}

Tip:如果项目下的文件是index.js,那么只需要引入项目的文件夹就可以了

例如在routers/index.js中引入以上路由
import MovieRouter from './movie'

二、路由重定向

当输入的路由不匹配的时候,让其重定向到/movie路由

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    MovieRouter,
    CinemaRouter,
    MineRouter,{
      path:'/*',
      redirect:'/movie'
    }
  ]
})