组件使用component

（1）组件注册

// 定义
var MyComponent = Vue.extend({
  template: '<div>A custom component!</div>'
})

// 注册
Vue.component('my-component', MyComponent)

// 创建根实例
new Vue({
  el: '#example'
})

（2）组件使用

<div id="demo">
  <my-component></my-component>
</div>

组件渲染为：

<div id="demo">
  <div>A custom component!</div>
</div>

（3）组件效果