组件使用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）组件效果