Vue定义全局组件的三种方式

var com = vue.extend({
    template:'<h3>使用 Vue.extend 来创建全局的Vue组件</h3>'
})
Vue.component('myCom', com)

Vue.component('myCom', {
      template: '<h3>直接使用 Vue.component</h3>'
    })

<div id="app">
        <my-com></my-com>
</div>
<template id="com">
        <div>
            <h3>在被控制的div外面,使用 template 元素,定义组件的HTML模板结构</h3>
            <p>第三种方式</p>
        </div>
</template>
 
Vue.component('myCom', {
        template: '#com'
 })