vue父组件引用多个相同的子组件传值

没有什么问题是 for 循环解决不了的,如果有,那就再加一层 for 循环！我一直深信这句话,当然这句话也是我说的

父组件引用多个相同的子组件传值问题 (这种情况很少遇到)

 1 <template>
 2     <div>
 3         <span v-for="(item,index) in items" :key="index">
 4         <TitleOption v-bind:titlename="item.titlename" v-bind:bordercolor="item.bordercolor">
 5         </TitleOption>
 6         </span>
 7     </div>
 8 </template>
 9
10 export default {
11     data() {
12         return {
13             items:[
14                 {
15                     titlename:'通道进门统计对比',
16                     bordercolor:'#f14d68'
17                 },
18                 {
19                     titlename:'adddsagasgas',
20                     bordercolor:'#123456'
21                 }
22             ]
23
24         }
25     }
26 }