vue에서 $router와 $route의 차이점은 무엇입니까

尊渡假赌尊渡假赌尊渡假赌
풀어 주다: 2024-01-27 14:17:19
원래의
643명이 탐색했습니다.

Vue의 라우터와 경로는 기능과 의미가 다른 두 가지 라우팅 관련 속성입니다. 1. $router는 탐색 및 라우팅 관리 방법과 속성을 제공하는 Vue Router의 인스턴스입니다. 2. $route는 현재 정보입니다. 활성 라우팅의 개체에는 현재 라우팅과 관련된 정보가 포함됩니다.

vue에서 $router와 $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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.