简单搞懂Vue-router里路由的相对路径和绝对路径
什么是路由:路由就是一套映射规则,当url中的哈希值(#hash)发生改变后,路由根据制定好的规则,展示对应的视图内容(组件)vue中,配置路由,分相对路径和绝对路径相对路径和绝对路径的区别:相对路径(不带‘/’)会拼接父级路由,绝对路径(带‘/’)是配置的完整路由,const router = new VueRouter({routes: [{path: '/my',//父级路径componen
·
什么是路由:
路由就是一套映射规则,当url中的哈希值(#hash)发生改变后,路由根据制定好的规则,展示对应的视图内容(组件)
vue中,配置路由,分相对路径和绝对路径
相对路径和绝对路径的区别:
相对路径(不带‘/’)会拼接父级路由,绝对路径(带‘/’)是配置的完整路由,
const router = new VueRouter({
routes: [
{
path: '/my', //父级路径
component: Info,
children: [
{ path: 'home', component: Home }, //相对路径
{ path: '/about', component: About } //绝对路径
]
}
]
})
所以最后以测试来验证跳转路径的不同:
更多推荐
已为社区贡献2条内容
所有评论(0)