Vue 路由 query 传参 声明式路由导航

一、传递参数

1、固定参数

<router-link to="/home/message/detail?name=jojo&age=8">{{ m.title }}</router-link>

2、变化参数(对象写法)

关键字：path 路径(完整)，query: 对象

<router-link :to="{
      path:'/home/message/detail',
      query:{
          // key value 
          id:m.id,
          title:m.title
      }
  }">
      {{ m.title }}
</router-link>&nbsp;&nbsp;

二、接受参数 $route.query的值是对象，有传递的完整参数

$route.query.id