컴포넌트 import 없이 사용하기 - 전역등록

컴포넌트를 사용할때는 import를 이용해서 component를 등록하여 사용한다. 하지만, 공통 컴포넌트는 어디서나 사용할 수 있기때문에 전역으로 등록하면 각각 import를 하지 않고 사용할 수 있는 장점이 있다. 하지만 주의해야 할점은, 그렇다고 많은 컴포넌트를 전역으로 등록하면, 초기 로딩시 무수히 많은, 사용하지도 않을 컴포넌트를 미리 로드하여 리소스 낭비가 발생한다. 따라서, 매우 Common한 컴퍼넌트 예를들면, Check, Input, Select와 같은 컴퍼넌트만 미리 등록해야 한다. 먼저 등록하는 방법은 아래와 같다. components/common/index.js import upperFirst from 'lodash/upperFirst' import camelCase from 'lodash/camelCase' export default { install(Vue) { const requireComponent = require.context( // 컴포넌트들이 있는...

원문링크 : 컴포넌트 import 없이 사용하기 - 전역등록