Vuejs2 Vuejs动态指令v-for循环

我有以下代码，但显示文本，不实例化步骤

我怎样才能做到这一点

模板：

<template>
    <div>
        <ul>
            <li v-for="(step, index) in $store.state.steps" >
                <{{`step-${index+1}`}}></{{`step-${index+1}`}}>
            </li>
        </ul>
    </div>
</template>

输出：

<step-1></step-1>
<step-2></step-2>
<step-3></step-3>
<step-4></step-4>
<step-5></step-5>
<step-6></step-6>
<step-7></step-7> 

请阅读此处的文档

---

你的意思是说你有n个名为step-1到step-n的组件，并且想用v-for渲染它们吗？@ChristhoferNatalius是的，请：

<component v-bind:is="currentComponent"></component>