vue路由中的根路径和空路径的区别?

根路径 '/' 和空路径'' 好像可以替换。以官网的例子为例
官网的例子

 routes: [
    {
      path: '/user/:id', component: User,
      children: [
        // 当 /user/:id 匹配成功,
        // UserHome 会被渲染在 User 的 <router-view> 中
        { path: '', component: UserHome },

        // ...其他子路由
      ]
    }
  ]

如果把空路径改成根路径效果是一样的。当 /user/:id 匹配成功, UserHome 会被渲染在 User 的 <router-view> 中

 routes: [
    {
      path: '/user/:id', component: User,
      children: [
        // 当 /user/:id 匹配成功,
        // UserHome 会被渲染在 User 的 <router-view> 中
        { path: '/', component: UserHome },

        // ...其他子路由
      ]
    }
  ]

同时,我还发现如果单独使用的根路径,换成空路径也一样。比如:

const router = new VueRouter({
  routes: [
    {
      path: '/', //换成''效果一样
      component:Home
    }
  ]
})
阅读 1.5k
评论
    0 个回答
    撰写回答

    登录后参与交流、获取后续更新提醒