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 }