vue.js动态渲染CSS

Question

如图所示总共八个盒子，现在有12个颜色，我想给这8个盒子的background分别设置一个随机颜色，颜色从十二个颜色里取，请问这个逻辑该怎么写？

Answer 1

const colorLists = ['red', 'yellow',...]
<div  :style="{'background-color':colorLists[Math.floor(Math.random()*12)]}"></div>