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

---- params传参

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

　　router-view   to="/xxx/number"    number即为 params传参   

　　又或者   params 匹配 name 传参不会再路径中体现

　　this.$router.push({

　　　　name: "name",

　　　　params: {

　　　　　　id:  222

　　　　}

　　})

　　跳转会跳到 :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请求

　　此方法传递的数据刷新后不会消失