Vue의 라우터와 경로는 기능과 의미가 다른 두 가지 라우팅 관련 속성입니다. 1. $router는 탐색 및 라우팅 관리 방법과 속성을 제공하는 Vue Router의 인스턴스입니다. 2. $route는 현재 정보입니다. 활성 라우팅의 개체에는 현재 라우팅과 관련된 정보가 포함됩니다.
Vue에서는 라우터와 경로가 라우팅 관련 두 가지 속성으로, 기능과 의미가 다릅니다.
router는 경로를 탐색하고 관리하기 위한 몇 가지 메서드와 속성을 제공하는 VueRouter의 인스턴스입니다.라우터를 통해 다른 경로로 점프, 동적 라우팅 매개변수 등과 같은 작업을 수행할 수 있습니다.
예를 들어 $router.push() 메서드를 사용하여 경로 점프를 수행할 수 있습니다.
// 在Vue组件中 methods: { goToAboutPage() { this.$router.push('/about'); } }
로그인 후 복사
route는 경로, 매개변수 등 현재 경로와 관련된 일부 관련 정보를 포함하는 현재 활성 경로의 정보 개체입니다. , 쿼리 매개변수 등 경로를 통해 현재 라우팅 정보를 얻거나 라우팅 변경 사항을 모니터링할 수 있습니다.
예를 들어 $route.params를 사용하여 동적 라우팅의 매개변수를 얻을 수 있습니다.
// 在Vue组件中 mounted() { console.log(this.$route.params.id); }
로그인 후 복사
요약하자면:
- $router는 탐색 및 경로 관리를 위한 메서드와 속성을 제공하는 Vue Router의 인스턴스입니다.
- $route는 현재 활성 경로의 정보 객체로, 현재 경로의 관련 정보를 포함합니다.
위 내용은 vue에서 $router와 $route의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2024-05-07 10:55:05
-
2024-05-07 10:55:04
-
2024-05-07 10:55:01
-
2024-05-07 10:53:06
-
2024-05-07 10:43:02
-
2024-05-07 10:40:03
-
2024-05-07 10:39:03
-
2024-05-07 10:37:03
-
2024-05-07 10:36:02
-
2024-05-07 10:35:11
최신 이슈
Vue 프로젝트에 모듈이 정의되지 않았습니다.
공식 문서에 명시된 대로 npmini tvue@latest를 실행하여 새로운 Vue 애플리케이션을 만들었습니다. 그런 다음 Vue 및 Vite 웹 사이트의 가이드...
에서 2023-11-17 12:38:53
0
2
394
양식의 객체 필드 유효성 검사 - Vue 3 + Vee-validate + yes
일부 필드가 개체 내부에 있는 양식이 있습니다. ...constschema:yup.Schema...
에서 2023-11-16 13:56:09
0
1
169
Vue 3는 Props를 기반으로 동적으로 가져옵니다.
아이콘 구성 요소를 생성하기 위해 unplugin-icon을 사용하고 있습니다. 일반적으로 //scriptimportIconCopyfrom'~icons/prime...
에서 2023-11-16 11:40:01
0
1
235