<div class="app-container">
<!-- key最好不要绑定index -->
<div v-for="item in tableData" :key="item.name" style="display:flex;">
<div :style="{color:item.color}">{{item.name}}</div>
<div :style="{background:item.sizeColor}">{{item.date}}</div>
<div :style="{fontSize:item.fontSize}">{{item.address}}</div>
</div>
</div>
接口数据,打印的数据
页面渲染效果