//1.1 使用vue.extend创建组件
var com1 = Vue.extend({
  //通过template属性指定组件要展示的html结构 
  template : "<h3>使用vue.extend创建的组件</h3>"  
})
//1.2使用Vue.component('组件名称',创建出来的组件模板对象)
Vue.component('myCom1',com1)

Vue.component('com2',{

　　template : "<h3>这是直接Vue.component创建的组件</h3>"

})

Vue.component("com3",{
  template : '#temp1' 
})

<template id="temp1">
  <div>
    <h1>好用，有代码提示快捷键</h1>
  </div>
</template>