Vue知识点:命名路由

1. 作用:可以简化路由的跳转
2. 如何使用

// 1.给路由命名
{
   path: '/demo',
   component: Demo,
   children:[
      {
         path: '/test',
         component: Test,
         children:[
            {
               name: 'hello', //给路由命名
               path: 'welcome',
               component: Hello
            }
         ]
      }
   ]
}

// 2.简化跳转
//简化前,需要写完整的路径
<router-link to="demo/test/welcome">跳转</router-link>
//简化后,直接通过名字跳转
<router-link :to="{name: 'hello'}">跳转</router-link>
//简化写法配合传递参数
<router-link 
	:to="{
		name: 'hello',
		query: {
		   id: m.id,
		   title: m.title
		}
	}">跳转
</router-link>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值