itsource

Vue 컴포넌트를 로컬로 등록하는 이점은 무엇입니까?

mycopycode 2022. 8. 27. 10:19
반응형

Vue 컴포넌트를 로컬로 등록하는 이점은 무엇입니까?

Vue의 매뉴얼에는 다음과 같이 기재되어 있습니다.

글로벌 등록은 종종 이상적이지 않습니다.예를 들어 Webpack과 같은 빌드 시스템을 사용하는 경우 모든 컴포넌트를 글로벌하게 등록하면 컴포넌트 사용을 중지하더라도 최종 빌드에 포함될 수 있습니다.이로 인해 사용자가 다운로드해야 하는 JavaScript의 양이 불필요하게 증가합니다.

제가 제대로 이해하고 있다면, 사용하지 않는 컴포넌트를 삭제하지 않는 한 로컬 등록을 사용해도 전체 파일 크기가 줄어들지 않습니다.컴포넌트를 로컬로 등록해도 그 컴포넌트는 메인 JS 파일로 풀됩니다(그렇지 않으면 코드가 정의되지 않기 때문에 로컬에서도 컴포넌트를 사용할 수 없습니다).

따라서 로컬 등록을 사용할 수 있는 엣지 케이스가 남아 있습니다.컴포넌트 사용을 중단해도 글로벌 컴포넌트 등록을 삭제하는 것을 잊지 않도록 하기 위해서입니다.물론 컴포넌트 사용을 중지하면 로컬 등록을 삭제하는 것을 잊어버릴 수도 있습니다.이 경우 로컬 등록을 해도 같은 문제가 발생합니다.

로컬 등록의 주요 활용 사례는 컴포넌트를 다른 곳에서 사용할 수 없도록 하는 것 같습니다.그게 어떤 위험을 막을 수 있을까 생각중이야?

컴포넌트가 한 곳에만 있을 때 사용할 수 있는 깔끔하고 좋은 제품입니다.즉, 등록NavBar당신의 안에서Header컴포넌트는 다른 곳에서 사용되지 않으며 IDE를 통해 해당 컴포넌트로 빠르게 이동할 수 있습니다.

같은 이름의 2개의 컴포넌트가 있는 경우(예를 들어 이름이 지정된2개의 서드파티 컴포넌트로부터) 충돌을 회피할 수 있습니다.vue-button둘 다 다른 곳에 있어야 해요

Vue 인스턴스가 사용할 때까지 컴포넌트를 등록하지 않기 때문에 퍼포먼스도 매우 미미할 것입니다.단, 이는 추측이 많고 중요하지 않을 수 있습니다.

결국 코드를 관련 그룹으로 구분하여 정리하는 것이 더 중요하다고 생각합니다.

언급URL : https://stackoverflow.com/questions/53546488/what-is-the-advantage-of-registering-a-vue-component-locally

반응형