<body> <div id="app"><cpn :my-colors="colors"></cpn></div><template id="cpn"><div><ul><li v-for="item in myColors">{{item}}</li></ul></div></template>//子组件const cpn = {template: '#cpn',// props 数组//props:['myColors']props:{类型限定// mycolors: Array//提供默认值，必传值，如果类型为对象或者数组，默认值必须为函数mycolors: {type: Array,default() {return [],},required: true}}}//父组件const app = new Vue({el: '#app',data: {colors: ['red','blue','yellow','pink']},components: {cpn}) </body>
