vue开发for循环:style动态赋值

vue开发需要实现for循环:style动态赋值，每个li样式都不一样，原本打算用{{}}实现的发现语法报错！

正确写法：

<ul>
  <li v-for="(item, index) in data" :key="index" :style="{ background: item.color }"
 @click="onClick(item.name)">
    {{ item.name }}
  </li>
</ul>