路由的路径书写问题

在vue中配置router时，在不同场景下书写路径的方式是不相同的：

配置route：

记得加上'/'，例：

const router = {
    route:[
        {
            path: '/Home',
            component: Home
        }
    ],
    mode: history
}

配置route/children:

不需要加上'/'，例：

const router = {
    route:[
        {
            path: '/Home',
            component: Home，
            children:[
                {
                    path: 'news',
                    component: news
                }
            ]      
        }
    ],
    mode: history
}

 

 动态绑定path:

const router = {
    route:[
        {
            path: '/Home/:userId',
            component: Home
        }
    ],
    mode: history
}

 配置*.vue文件;

 

 PS：route路径书写需要加上'/'， route/children不需要加上，在template里书写完整的路径。