v-for

最新推荐文章于 2024-04-01 18:14:15 发布

高手坟墓丶

最新推荐文章于 2024-04-01 18:14:15 发布

阅读量339

点赞数

分类专栏：从零开始学vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_31070475/article/details/78475604

版权

从零开始学vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

v-for指令可以绑定数组的数据来渲染一个项目列表：

<html>
<head>
    <title></title>
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
    <div id="app">
        <li v-for="todo in todos">
            {{ todo.text }}
        </li>
    </div>
<script type="text/javascript">
    var app = new Vue({
    el: '#app',
    data: {
        todos: [
                { text: '学习JavaScript' },
                { text: '学习Vue' },
                { text: '整个牛项目' }
            ]
        }
    })
</script>
</body>
</html>