在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里书写完整的路径。