How to bind css class in vue js template within a v-for loop?

How do I name my td class the name of the step in this example?

<td v-for="steps in item.steps" v:bind:class="item.steps.name">  {{ item.steps.name }} </td> 

In this example, my class gets literally named items.steps.name rather than the return value. Everything else works.