12.19作业

index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Car from '../views/Car'
import CarDetail from '../views/CarDetail'

Vue.use(VueRouter);

const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/about',
    name: 'about',
  },
    {
        path:'/home',
        redirect:'/',  //路由的重定向
    },
    {
        path:'/car',
        name:'car',
        component:Car
    },
    {
        path:'/car/:pk/detail',
        name:'car-detail',
        component:CarDetail
    }
];

const router = new VueRouter({
    mode:'history',
    base:process.env.BASE_URL,
  routes
});

export default router

Car.vue

CarDetail.vue

CarTag.vue

Nav.vue