SOURCE

//语法糖创建并注册组件（内部还是调用了Vue.extend函数）
Vue.component('my-cpn', {
 template: `
        <div>
            <h2>我是标题</h2>
            <p>这里是内容</p>
        </div> 
        `
}) //这种为全局注册组件


const app = new Vue({
    el: "#app",
    data: {
        message: "我是message"
    },
    components:{
        cnp1:{
            template:`
                <div>
                    <h1>局部注册</h1>
                    <p>这里是语法糖局部注册</p>
                </div>
            `
        }
    }
})

<div id="app">
	<my-cpn></my-cpn>
    <cnp1></cnp1>
</div>