query和params传参的区别

226 阅读1分钟

query和params传参的区别

goAbout(){

  /* 动态路由的方式 id传过去是数字类型 刷新之后是字符串类型 */
  
  /* 🔺不采用动态路由的方式 第一次id是可以发送出去的是数字类型 
  ★但是采用params的方式一刷新值就消失了 */
  /* 用params传值 只能采用name的方式 不能采用path否则id就传不过去 */
  /* params传参 参数是不会在地址栏展示出来 */
  this.$router.push({
    name:"aboutpage",
    params:{
      id:1000
    }
  })
  /* 如果不采用动态路由的方式传值 想刷新还存在就是本地缓存的方式 */
},


    goVip(){
  /* id传过去是数字类型 刷新之后是字符串类型 */
  /* 采用query传参的方式比params好在,刷新之后值不会消失 */
  /* query传参可以使用path的方式而params不可以 */
  /* 使用query传参 参数是会在地址栏上明文展示出来 */
  this.$router.push({
    path:"/vip",
    query:{
      id:2000
    }
  })
},