router.js

最新推荐文章于 2024-06-26 09:52:54 发布

碑无名

最新推荐文章于 2024-06-26 09:52:54 发布

阅读量428

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/deep_zhuheihei/article/details/120518473

版权

vue 专栏收录该内容

22 篇文章 2 订阅

订阅专栏

vue的路由模板

import Vue from 'vue'
import Router from 'vue-router'
import Home from './pages/home'
import Index from './pages/index'
import Product from './pages/product'
import Detail from './pages/detail'
import Car from './pages/car'
import Order from './pages/order'
import OrderConfirm from './pages/orderConfirm'
import OrderList from './pages/orderList'
import OrderPay from './pages/orderPay'


Vue.use(Router);


export default new Router({
    routes: [
        {
            path: '/',
            name: 'home',
            component: Home,
            redirect:'index',
            children: [{
                path: '/index',
                name: 'index',  
                component: Index
               
            },{
                path: '/product/:id',
                name: 'product',
                component: Product,
            },{
                path: '/detail/:id',
                name: 'detail',
                component: Detail,
            }]
        },
        {
            path: '/car',
            name: 'car',
            component: Car,
        },
        {
            path: '/order',
            name: 'order',
            component: Order, 
            children:[
                {
                    path: '/list',
                    name: 'order-list',
                    component: OrderList, 
                },
                {
                    path: '/confirm',
                    name: 'order-confirm',
                    component: OrderConfirm, 
                },
                {
                    path: '/pay',
                    name: 'order-pay',
                    component: OrderPay, 
                },
            ]
        }
    ]

})