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

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

Vue에서는 라우터와 경로가 라우팅 관련 두 가지 속성으로, 기능과 의미가 다릅니다.

$\text{통과 <br>}$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 중국어 웹사이트의 기타 관련 기사를 참조하세요!