Vue.js怎么在列表渲染同时添加样式？

在下起步小白，在写微信小程序的时候用列表渲染可以实现样式，如图；我想着vue和小程序很像，就想试试用同样的方法渲染样式，但貌似不行。请问各位大神vue可不可以类似实现或者更简便实现？？？

下面是我在vue那边的代码方便大神查错