router-LInk传参与接受参数(记录)

问题，点击下方router-link后转到另一个组件上，并携带点击的信息的id

 	<div v-for="(item,index) in hotMessage">
          <img src="image/mainPage/listTitle.png">
          <router-link :to="{path:'hotMessage', query: {index:item.id}}">{
    
    {
    
    item.name}}</router-link>
          <span>{
    
    {
    
    item.date}}</span>
    </div>

to后其实跟的是一个对象
(注意：这里是:to，不是to,需要接收v-for的值，如果你也要接收值，不要忘记加冒号)

:to="{path:‘hotMessage’, query: {index:item.id}}"

1. path属性，表示需要转到的组件名称，如果原来是 to=“/map” 则改成 to="{path:‘map’}"效果相同
2. query属性，如果需要传参数，则加一个，他是一个对象，query: {键:值，键:值}，这里传的是
   index：item.id

接受方

用 this.$route.query.属性名称 就可以取到值，(记住是route不是router)