Vue页面跳转传递参数及接收方式

import Vue from 'vue'
import Router from 'vue-router' 
import classify from '.././ponents/classify/classify.vue' 
import classifyChild from '.././ponents/classify/classifyChild.vue'
 
export default new Router({
 mode: 'history',
 routes: [
  {
   path: '/classify',
   name: ' classify',
   ponent: classify
  },
  {
   path: '/classify/classifyChild',
   name: 'classifyChild',
   ponent: classifyChild
  },
  
 ]
})

//方式一
<router-link :to="{name:'classifyChild',params:{id:item.id}}">
  <button>跳转</button>
</router-link>
 
//方式二
<router-link :to="{path:'/classify/classifyChild',query:{id:item.id}}">
  <button>跳转</button>
</router-link>

//对应于方式一
let id=this.$route.params.id;
 
//对应于方式二
let id=this.$route.query.id;