SOURCE

//1.Vue.extend创建组件
const cpnC = Vue.extend({
    template: "#cpn",
    data(){
        return {
            title:"这里是标题吧",
            content:"这里是内容哦!~~"
        }
    }
})

//2.注册组件
Vue.component('my-cpn', cpnC)

const app = new Vue({
    el: "#app",
    data: {
        message: "我是message"
    }
})

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

<script type="text/x-template" id="cpn">
	<div>
		<h2>{{title}}</h2>
		<p>{{content}}</p>
	</div>
</script>