vue-router（params，props，query）

路由的query参数

传递参数有两种方式

（1）在<router-link :to='路由+传参'>

<!--      <div v-for="item of detiel">-->

<!--        <router-link  :to="'/list?id='+item.id+'&title='+item.title">{
  {item.id}}</router-link>-->

<!--      </div>-->

（2）跳转并携带query参数，to的对象写法

      <!--      使用query进行跳转-->
<!--      <router-link :to="{path:'/',query:{id:2,title:'好大儿'}}">点击</router-link>-->
<!--      <ul>-->
<!--        <li>{
  {$route.query.title}}</li>-->
<!--      </ul>-->

接收参数

$route.query.id

---

路由params参数

传递参数

（1）跳转并携带params参数，to的字符串写法

<router-link :to="/home/message/detail/666/你好