vue에서 쿼리와 매개변수의 차이점은 무엇입니까?

차이점: 1. 쿼리는 매개변수 전송 주소를 쓰기 위해 경로를 사용하고, params는 이름을 사용하여 매개변수 전송 주소를 씁니다. 2. 쿼리가 페이지를 새로 고칠 때 매개변수는 사라지지 않지만, 매개변수는 페이지를 새로 고치면 사라집니다. 3. 쿼리를 통해 전달된 매개변수는 URL 주소 표시줄에 표시되지만 params 매개변수는 주소 표시줄에 표시되지 않습니다.

이 기사의 운영 환경: Windows 10 시스템, Vue 버전 2.9.6, DELL G3 컴퓨터.

vue에서 쿼리와 매개변수의 차이점은 무엇인가요

query 구문:

this.$router.push({path:“地址”,query:{id:“123”}}); 这是传递参数
this.$route.query.id； 这是接受参数

params 구문:

this.$router.push({name:“地址”,params:{id:“123”}}); 这是传递参数
this.$route.params.id; 这是接受参数

difference:

1 우선 쿼리 작성 방법이 다릅니다. 매개변수 주소를 작성하려면 경로를 사용하고, 매개변수 전송 주소는 이름을 사용하여 작성하는 방법이 있습니다. 라우팅 개체 정보를 출력하여 가져올 수도 있습니다. 보세요

2. 수신 방법이 다릅니다. 하나는 쿼리를 사용하여 수신하고 다른 하나는 매개변수를 사용합니다. 수신, 요약하면 보낸 사람이 수신합니다

3 쿼리 페이지를 새로 고칠 때 매개변수가 사라지지 않습니다. 그러나 페이지를 새로 고치면 params 매개변수가 사라집니다. 문제를 해결하기 위해 로컬 저장소를 고려할 수 있습니다.

4.query 전달된 매개변수는 모두 URL 주소 표시줄에 표시되지만 params 매개변수는 표시되지 않습니다. 주소 표시줄

[관련 추천: "vue.js tutorial"]

위 내용은 vue에서 쿼리와 매개변수의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!