vue.jsでdataで定義した色をインラインスタイルとして使いたい

Question

dataでcolorsで定義した色を
v-forで表を作るさいに、styleのbackground-colorで指定したいです。
ネットを参考に試しているのですが、上手く表示できません。
どなたか解決法をご存じでしょうか？

<template>
 <div>
  <li v-for="dataA in newDataA" :key="dataA">
  <p class="xxx"><span class="squre"  :style="{'background-color':colors}" ></span>{{ dataA.name}}</p>
  </li>
</div>
</template>
export default {
  data () {
    return {
      colors: [
        '#4474E2',
        '#88D1FF',
        '#EB7474',
        ],
　　newData: [],

Answer 1

自己解決しました

<li v-for="(dataA, index) in newDataA" :key="dataA"> <p class="xxx"><span class="squre" :style="{'background-color':colors[index]}" ></span>{{ dataA.name}}</p>