Vue-router 传参 params和query个人理解

---- params传参

　　路由index文件中  path："/xxx/:id"     此处 :id 即为 传参参数

　　router-view   to="/xxx/number"    number即为 params传参   又或者   this.$router.push(‘/xxx/number‘)

　　跳转会跳到 :id 配置的对应路由页面  不会在 xxx页面

---- query传参

　　路由index中增加一条    props: route => ({ query: route.query.q })

　　只能跳转到固定路由页面中　　

　　跳转方式   to="/xxx/?q=number"　又或者   this.$route.push(‘/xxx/?q=number‘)　又或者   this.$router.push(path:‘/xxx/‘,query:{name:‘‘,age:‘‘})类似于GET请求

Vue-router 传参 params和query个人理解

原文：https://www.cnblogs.com/shirunfeng/p/14697368.html