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 }