vue-router 의 params 와 query 의 차 이 를 분석 합 니 다.

1.도입 방식 이 다르다
query 는 path 로 끌 어 들 여야 합 니 다.

this.$router.push({
  path: 'test',
  query: {
    type: 2,
    detail: '  '
  }
})

params 는 name 으로 도입 해 야 합 니 다.

this.$router.push({
  name: 'test',
  query: {
    type: 2,
    detail: '  '
  }
})

2.url 다 름
query url 에 인자 표시
하하
params 는 url 에 인 자 를 표시 하지 않 습 니 다.
http://localhost:8080/detail?type=0&detail
다음은 이 두 가지 차 이 를 정리 하 자.
1.용법 적
방금 말 했 듯 이 query 는 path 로 도입 해 야 합 니 다.params 는 name 으로 도입 해 야 합 니 다.수신 매개 변 수 는 모두 this.$route.query.name 과 this.$route.params.name 입 니 다.name 입 니 다.
인 자 를 받 을 때$router 가 아 닌$router 입 니 다!!
2.전시의
query 는 우리 ajax 에서 get 전송 참조 와 더욱 유사 합 니 다.params 는 post 와 유사 합 니 다.좀 더 간단하게 말 하면 전 자 는 브 라 우 저 주소 표시 줄 에 파 라 메 터 를 표시 하고 후 자 는 표시 하지 않 습 니 다.
query:       

params:    

총결산
위 에서 말 한 것 은 소 편 이 소개 한 vue-router 에서 params 와 query 의 차이 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
만약 당신 이 본문 이 당신 에 게 도움 이 된다 고 생각한다 면,전 재 를 환영 합 니 다.번 거 로 우 시 겠 지만 출처 를 밝 혀 주 십시오.감사합니다!