美文网首页
Vue 路由Router

Vue 路由Router

作者: 忘记_3a6a | 来源:发表于2020-04-14 11:32 被阅读0次
    import Vue from 'vue'
    import Router from 'vue-router'
    import Frame from '@/layout/frame'
    
    Vue.use(Router)
        //路由
    const routes = [{
            path: '/',
            name: 'frame',
            component: Frame,
            children: [{
                    path: '/user/detail',
                    name: 'user_detail',
                    component: () =>
                        import ('@/components/user/Detail.vue')
                },
                {
                    path: '/user/list',
                    name: 'user_list',
                    component: require('@/components/user/List.vue').default
                },
                {
                    path: '/user/add',
                    name: 'user_add',
                    component: require('@/components/user/Add.vue').default
                }
            ],
        },
        {
            path: '/other_form',
            name: 'other_form',
            component: require('@/components/other/CommonFrom.vue').default
        }
    ];
    
    
    //使用路由
    const router = new Router({
        mode: 'history', //去除路由路径#号
        routes
    })
    
    //导出路由
    export default router;
    

    相关文章

      网友评论

          本文标题:Vue 路由Router

          本文链接:https://www.haomeiwen.com/subject/elezmhtx.html