vue中传参到另一个页面

<div class="list" v-bind="indexLists" v-for="(item,key,index) in indexLists" :key="index">
          <router-link :to="{path:'/BlogGoodsDetail',query:{ id:item.id}}">
              <div class="list-img"><img src="../../../static/assets/images/index02.jpg"></div>
              <div class="list-title">{{item.name}}</div>
              <div class="list-money">¥<span>{{item.price}}</span></div>
              <div class="list-integral">
                <div class="left">可获积分：</div>
                <div class="left">{{item.points}}</div>
                <div class="right">...</div>
                <div class="cel"></div>
              </div>
          </router-link>
       </div>

这里使用了query来传递id到另一个页面