# 局部组件
我们之前 通过`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注册，那么这里面是不可以使用的。局部组件必须先注册，再使用。否则会报错
