vue传参的方式（params query ）

vue传参主要有两种方式:   params        query 

其中这两种方式又有三种传参行式 :  

Params :   

1.router-link   声明式导航形式传参 (在路径中显示参数, 刷新页面参数不会消失) 

<router-link  :to='你要请求的路径'></router-link>

 2.声明式导航传参  通过path匹配路由 (在路径中显示参数, 刷新页面参数不会消失)

this.$router.push({
    path:  `你要请求的路径`
})

3.声明是导航传参  通过name匹配路由(在路径中显示参数, 但刷新页面参数会消失)

 this.$router.push({
    name: 'name',   //路由匹配中的name
    params: {你要请求的路径}
 })

query

1.router-link 进行传参(在路径?后面显示参数 , 刷新页面参数不会消失)

<router-link  :to='路径?参数'></router-link>

2. 编程式导航进行传参, 通过path匹配路由(在路径中显示参数, 刷新页面参数不会消失)

this.$router.push({
  path: 路径
  query:  {
    参数
   }
})

3.编程式导航进行传参, 通过name匹配路由(在路径中显示参数, 刷新页面参数不会消失)

this.$router.push({
  name:'name',   //路由匹配中的name
  query: {
    路径
  }
})

小白练手, 欢迎批评指导