路由传参的使用

路由的传参

路由: 把一个地址 指向一个对应的组件

router:路由的实例化对象 管理 整个路由

route: 提供当前路由的基本的信息

基本的路由的传参

this.$router.push('/path地址参数名=值$ 参数2=值2')

基本的路由的传参
传
this.$router.psuh({
path:'path地址'
query:{
参数名:值
参数2 :值 2

}
})
收 
this.$router.query.参数名
this.$route.query 参数2

动态路由的匹配

路由的配置

路由的配置
{
parh: '/dynamic/:id',
name:'dynamic',
compoent : .....

}
传
this.$router.push ('/dynamic/123')
收
this.$route.params.参数名

name 传参

路由的配置
{ path:'/', 
 name:'home', 

 ....}

传 刷新不受到受影响

this.$router.push({name:'home',query:{参数名：参数值}})---和以前基本路由传参一样

接收

this.$route.query.参数名

• 传（params）：刷新后传参就没了，数据长度与数据类型不受限制

  • this.$router.push({name:'home',params:{参数名：参数值}})---和以前基本路由传参一样

• 收(params)

  this.$route.params.参数名