SOURCE

//1.Vue.extend创建组件
const cpnC = Vue.extend({
    template: "#cpn1",
    props:['cgoods','cmessage']
})

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

const app = new Vue({
    el: "#app",
    data: {
        message: "我是message",
        goods:["衣服","鞋子","帽子","短裤"]
    }
})

<div id="app">
	<my-cpn v-bind:cgoods="goods" :cmessage="message"></my-cpn>
</div>

<script type="text/x-template" id="cpn1">
	<div>
		<h2>{{cmessage}}</h2>
		<ul>
            <li v-for="item in cgoods">{{item}}</li>
        </ul>
	</div>
</script>