为了更加方便的表示路由的路径,可以给路由规则起一个别名,即为“命名路由”。
<router-link :to="{ name: 'user', params: { id: 123 }}">User</router-link>//声明式导航
router.push({ name: 'user', params: { id: 123 }})//编程式导航
//上面两种导航的效果是等效的
const router = new VueRouter({
routes: [
{
path: '/user/:id',
name: 'user',
component: User
}
]
})