Vue components 属性的理解

// 定义一个 Child 组件
var Child = {
  template: '<div>A custom component!</div>'
}

// 新的 Vue 实例
new Vue({
  el: '#example'
  // 在实例中使用 components 属性注册需要用到的组件
  components: {
    // 使用 key: value 的形式注册 Child 组件，并命名为 my-component
    // 则 <my-component> 只在这个实例中可用
    'my-component': Child
  }
})

// 使用
<div id="example">
  <my-component></my-component>
</div>

参考：组件