VIP32/vue2.0/vue高阶/project1.0/src/router/index.js

// Vue第三方库引入
import Vue from 'vue'
// vue-router引入
import VueRouter from 'vue-router'
// 1.把页面路径引入
import Home from '../views/Home.vue';
import List from '../views/List.vue';
import Detail from '../views/Detail.vue';
import Demo1 from '../components/demo1.vue';
import Demo2 from '../components/demo2.vue';
// 挂载vue实例
Vue.use(VueRouter)
// 自定义路由
const routes = [
  {
    path:'/',
    redirect: '/home'
  },
  {
    // path 路径
    path:'/home',
    name:"home",
    // component 组件
    component: Home
  },
  {
    // path 路径
    path:'/detail/:name1/:age1',
    name:"detail",
    // component 组件
    component: Detail
  },
  {
    // path 路径
    path:'/list',
    name:"list",
    // component 组件
    component: List,
    children:[
      {
        path:'demo1', // 不要写: "/"
        component: Demo1
      },
      {
        path:'demo2',
        name:'demo2',
        component: Demo2
      }
    ]
  },

]

// 挂载到vue-router
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

// 抛出路由
export default router