Vue 컴포넌트 플러그인화

컴포넌트 플러그인화

보통 이제 외부라이브러리를 가져와서 사용하는 경우에 import 를 사용해서 컴포넌트 단위로 가져와서 사용해주어야 하는데,
이러한 경우에 불필요한 소스, 리소스가 많아짐으로 플러그인화를 해서 줄일 수 있습니다.

1. src 밑에 plugins 폴더를 만든다.
2. 폴더 아래에 공통화할 컴포넌트 플러그인파일(js) 를 하나 만들어줍니다.
3. main.js 에서 Vue.use 를 이용하여 플러그인을 등록시켜줍니다.

import { Chart, registerables } from 'chart.js';

Chart.register(...registerables);

export default {
  install(Vue) {
    Vue.prototype.$_Chart = Chart;
    console.log('chart plugin loaded');
  }
}

// main.js
Vue.use(ChartPlugin);