[Vue.js] 공식 가이드 문서 요약 (3) - 플러그인

Vue.use() 글로벌 메소드를 호출하여 플러그인을 사용한다.

// 'MyPlugin.install(Vue)' 호출
Vue.use(MyPlugin)

// 선택적으로 옵션 전달 가능
Vue.use(MyPlugin, { someOption: true })

Vue.use는 자동으로 같은 플로그인을 두 번 이상 사용하지 못하기 때문에 같은 플러그인에서 여러 번 호출하면 플러그인이 한 번만 설치된다.

vue-router와 같은 Vue.js 공식 플러그인이 제공하는 일부 플러그인은 Vue가 전역 변수로 사용가능한 경우 자동으로 Vue.use()를 호출한다. 그러나 CommonJS와 같은 모듈 환경에서는 항상 Vue.use()를 명시적으로 호출해야 한다.

// Browserify 또는 Webpack를 통해 CommonJS를 사용할때
var Vue = require('vue')
var VueRouter = require('vue-router')

Vue.use(VueRouter)

https://github.com/vuejs/awesome-vue#components--libraries

---

Code Splitting & Lazy Loading을 사용하여 로딩속도 개선 가능

스토리북을 이용하여 컴포넌트단위 테스트 가능 (https://hyunseob.github.io/2018/01/08/storybook-beginners-guide/)