Vue.js v-repeat不起作用

时间:2016-01-10 07:12:02

标签: javascript vue.js

我正在尝试按照Vue.js的教程,但第一课的代码不适用于v-repeat。我正在尝试在任务对象中显示数据:

<div id="tasks">
    <div>
        <h1>Tasks</h1>
        <ul class="list-group">
            <li v-repeat="task: tasks">
                {{ task.body }}
            </li>
        </ul>
    </div>
</div>
<script>
    new Vue ({
        el: '#tasks',
        data: {
            tasks: [

                { body: 'Go to store', completed: false }
            ]
        }
    })
</script>

1 个答案:

答案 0 :(得分:8)

<li v-for="task in tasks">

v-repeat在1.0中弃用:

https://github.com/vuejs/vue/issues/1200