SOURCE

//1.Vue.extend创建组件
//子组件
const cpnC1 = Vue.extend({
    template: `
        <div>
            <h2>我是标题1</h2>
            <p>这里是内容</p>
        </div>
    `
})

//父组件
const cpnC2=Vue.extend({
    template:`
     <div>
            <h2>我是标题2</h2>
            <p>这里是内容22</p>
            <cpn1></cpn1>    <!--这里使用子组件-->  
      </div>
    `,
    components:{
        cpn1:cpnC1  //子组件注册到父组件中
    }
})

//2.注册组件
const app = new Vue({
    el: "#app",
    data: {
        message: "我是message"
    },
    components:{
        cpnc2:cpnC2
    }
})

<div id="app">
	<cpnC2></cpnC2>
</div>