라우터/index.js 파일에 vuerouter를 등록 해야하는 이유는 무엇입니까?

vue.js project의 router/index.js 파일에 VueRouter 등록이 필요합니다.

vue.js 응용 프로그램의 라우팅 관리는 중요하며 페이지 탐색 및 상태 제어를 담당합니다. 일반적으로 라우팅 로직은 router/index.js 파일로 중앙 구성됩니다. 그렇다면 왜이 파일에 VueRouter 등록해야합니까?

코드 스 니펫 :

 "vue"에서 vue 가져 오기;
"vue-router"에서 vuerouter를 가져옵니다.
vue.use (vuerouter);

main.js 라우팅 인스턴스를 사용하기 때문에 많은 사람들이 당황합니다.

 './router'에서 라우터 가져 오기
vue.use (라우터);

반복 작동입니까? 실제로 이것은 vue2와 vue3의 사용의 차이에서 비롯됩니다.

vue2 : Vue.use(VueRouter) 는 글로벌입니다. VueRouter 플러그인을 VUE에 설치하여 모든 VUE 인스턴스가 VueRouter 에 액세스 할 수 있지만 다른 구성을 사용할 수 있습니다. 그런 다음 VUE 인스턴스를 만들 때 라우팅 인스턴스를 작성하고 전달하십시오.

 vue.use (vuerouter); // 글로벌 등록 const router = new vuerouter ({/* configuration*/});
새로운 vue ({router});

vue3 : Vue.use() 메소드는 단일 vue 응용 프로그램 인스턴스에서 작용합니다. 먼저 라우팅 인스턴스를 작성한 다음 use 메소드를 사용하여 응용 프로그램 인스턴스를 생성 할 때 주입합니다.

 const router = createrouter ({ /* configuration* /});
CreateApp (app) .use (라우터); // 인스턴스 등록

핵심은 vue2 또는 vue3이든, use 방법은 한 번만 호출되며 중복 등록이 없다는 것입니다. 두 가지 use 통화가 코드에 나타나면 두 버전의 쓰기가 혼란 스러울 수 있습니다.

따라서 router/index.js 에서 Vue.use(VueRouter) 호출해야합니다. 이로 인해 VueRouter vue에 올바르게 설치되어 후속 라우팅 구성 및 사용에 대한 보장을 제공합니다. router/index.js 는 라우팅 구성을 담당하는 반면 main.js 구성된 라우팅 인스턴스를 VUE 애플리케이션에 적용 할 책임이 있습니다. 그들은 작업을 나누고 함께 일하여 라우팅 기능을 완료합니다.

위 내용은 라우터/index.js 파일에 vuerouter를 등록 해야하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!