VUE 프로젝트에서 Router/Index.js 파일에 Vuerouter를 등록 해야하는 이유는 무엇입니까?

VUE 프로젝트의 router/index.js 에 대한 vue 라우터 등록을 깊이 이해

VUE 프로젝트에서 router/index.js 파일은 일반적으로 Vue 라우터의 등록 코드를 포함하며, 특히 Vue 라우터가 main.js 에서 사용될 때 개발자의 질문을 종종 발생시킵니다. 이 기사는 VUE 2와 VUE 3 의이 등록 메커니즘의 차이점을 자세히 설명합니다.

router/index.js 파일에서 일반적인 코드 스 니펫은 다음과 같습니다.

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

이 라인 Vue.use(VueRouter) 불필요한 등록이 아닙니다. 이 기능은 main.js 에 사용 된 use 방법과 다르며, 핵심은 VUE의 버전 차이에 있습니다.

Vue 2 :

Vue 2는 전 세계적으로 플러그인을 설치하는 방법을 채택합니다. Vue.use(VueRouter) 는 전 세계적으로 vue 라우터 플러그인을 설치하므로 모든 Vue 인스턴스가 다른 구성을 사용하더라도 라우팅 기능에 액세스 할 수 있습니다. 따라서 router/index.js 에서 전역 설치를 수행해야합니다. 그런 다음 main.js 에서 vue 라우터 인스턴스를 만들고 vue 인스턴스 옵션으로 전달하십시오.

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

vue 3 :

Vue 3은 다릅니다. 더 이상 Global Vue.use 에 의존하지 않지만 app (Application Instances)를 통해 플러그인을 설치합니다. main.js 에서는 다음과 같이 볼 수 있습니다.

 'vue'에서 {createapp} 가져 오기;
'vue-router'에서 {createrouter} 가져 오기;
'./app.vue'에서 앱 가져 오기;
'./router'에서 라우터 가져 오기;

const app = createapp (app);
app.use (라우터); // app.mount 설치 ( '#app');

여기에서 app.use(router) 는 Global Vue.use 아닌 응용 프로그램 인스턴스 메소드입니다. 따라서 VUE 3에서는 router/index.js 설치가 응용 프로그램 인스턴스에서 수행되므로 Vue.use(VueRouter) 가 필요하지 않습니다. router/index.js 는 라우팅 인스턴스를 생성 한 다음 main.js 에서 가져 와서 사용됩니다.

요약 :

router/index.js 에 vue 라우터를 등록해야 할 필요성은 vue의 버전에 따라 다릅니다. 이것은 중복 등록이 아니라 플러그인 설치 메커니즘의 두 가지 버전입니다. 이 차이를 이해함으로써 만 혼란을 피하고 Vue 라우터를 올바르게 사용할 수 있습니다.

위 내용은 VUE 프로젝트에서 Router/Index.js 파일에 Vuerouter를 등록 해야하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!