(五、命名路由)

命名路由

(1.)命名路由

通过一个名称表示某个路由更方便。特别在链接一个路由,或执行一些跳转时。可创建Router实例的时候,在routes配置中给某个路由设置名称。

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

要链接到一个命名路由,可以给router-link的to属性传一个对象:

<router-link :to="{ name:"user",params:{ userId:123 }">User</router-link>

代码调用与router.push()相同

router.push({
      name: 'user', params: {
      userId: 123 }})

两种方式都会把路由导航到 /user/123 路径。

你可能感兴趣的:(vue,vue)