10. vue-router命名路由

Posted 2021-03-21 songsongblue

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了10. vue-router命名路由相关的知识，希望对你有一定的参考价值。

命名路由的配置规则

为了更加方便的表示路由的路径，可以给路由规则起一个别名，即为“命名路由”。

const router = new VueRouter ({
 routes: [
 {
    path: '/user/ :id',
    name: 'user',
    component: User
   }
  ]
})

<router-link :to="{ name: 'user', params: { id: 123 }}">User</router-link>
router.push({ name: 'user', params: { id: 123 })

以上是关于10. vue-router命名路由的主要内容，如果未能解决你的问题，请参考以下文章