# 局部組件 我們之前 通過`Vue.component()`的方式注冊組件，稱之為全局注冊，即在實例的任何地方都可以使用。 那么全局組件也會帶來問題，比如將來我們在項目中注冊過全局組件，但是我們后面不再使用它。那么會導致這個無用的全局組件也會被打包到項目中。我們可以通過局部注冊的方式來解決這個問題，即需要的時候再來注冊組件。 ## 局部組件的注冊方式 1.通過普通的 JavaScript 對象來定義組件： ``` var ComponentA = { /* ... */ } var ComponentB = { /* ... */ } var ComponentC = { /* ... */ } ``` 2.在 `components` 選項中**注冊**你想要使用的組件： ``` new Vue({ el: '#app', components: { ComponentA, ComponentB } }) ``` 3.使用注意注冊在哪里，那么這個組件就只能這里使用 ``` <component-a></component-a> <component-b></component-b> ``` ## 注意 >[warning] 這里我們沒有將ComponentC注冊，那么這里面是不可以使用的。局部組件必須先注冊，再使用。否則會報錯