라우터 폴더 아래의 index.js 파일에서 vue.use (vuerouter)를 호출 해야하는 이유는 무엇입니까?

index.js 에서 Vue 라우터 등록의 필요성

VUE 프로젝트, 특히 router 폴더 아래의 index.js 파일에서 Vue.use(VueRouter) 의 줄이 종종 필요에 대한 의문을 제기하는 경우가 종종 있습니다. 이 코드 라인의 목적은 VUE 라우터 플러그인을 VUE 인스턴스에 등록하는 것이지만 그 필요성은 VUE 버전과 밀접한 관련이 있습니다.

VUE 2에 대한 글로벌 등록 :

vue 2에서 Vue.use(VueRouter) 는 Vue 라우터의 기능을 모든 VUE 인스턴스에 주입하는 글로벌 등록입니다. 이는 얼마나 많은 VUE 인스턴스를 작성하든 라우팅 기능에 직접 액세스하고 사용할 수 있음을 의미합니다. VUE 2의 플러그인 시스템은 글로벌로 설계 되었기 때문입니다. 코드 구조는 일반적으로 다음과 같습니다.

 'vue'에서 vue 가져 오기;
'vue-router'에서 vuerouter를 가져옵니다.

vue.use (vuerouter);

const router = new vuerouter ({ / * ... 라우팅 구성 * /});

기본 라우터 내보내기;

main.js 에서는 다음과 같습니다.

 새로운 vue ({
  라우터,
  // ... 기타 구성});

VUE 3의 현지 등록 :

Vue 3은 다른 접근법을 사용합니다. createApp() 응용 프로그램 인스턴스를 생성 use() 메소드 가이 특정 인스턴스에 적용됩니다. 이는 VUE 라우터의 기능 이이 응용 프로그램 인스턴스에만 유효 함을 의미합니다. 코드 구조는 일반적으로 다음과 같습니다.

 'vue-router'에서 {createrouter, createwebhistory} import;
'vue'에서 {createapp} 가져 오기;

const router = createrouter ({
  역사 : CreateWeBhistory (),
  경로 : [ / * ... 라우팅 구성 * /],
});

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

index.js 에서 Vue.use(VueRouter) 의 역할 :

Vue 2 프로젝트에서는 index.js 의 Vue.use(VueRouter) vue 라우터의 글로벌 등록을 담당하기 때문에 필요합니다 . 이 코드 라인이 없으면 VUE 인스턴스는 라우팅 기능에 액세스 할 수 없습니다. 그러나 VUE 3 프로젝트 에서이 코드 라인은 일반적으로 index.js 에서 불필요합니다. 경로의 등록은 main.js 또는 app.use(router) 통해 항목 파일에서 수행되기 때문입니다.

요약 :

index.js 의 Vue.use(VueRouter) 의 필요성은 vue 버전에 따라 다릅니다. VUE 2에서는 글로벌 등록에 필요한 단계입니다. VUE 3에서는 VUE 3에서 응용 프로그램 인스턴스 기반 등록 방법을 사용하기 때문에 일반적으로 중복됩니다. 이 차이를 이해하면 VUE 라우터가 어떻게 사용되는지와 VUE 2와 VUE 3의 차이점을 더 잘 이해하는 데 도움이됩니다.

위 내용은 라우터 폴더 아래의 index.js 파일에서 vue.use (vuerouter)를 호출 해야하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!