v-for 循环数组

huxiaoxiao.

于 2021-11-12 11:02:37 发布

阅读量1.7k

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/lolhuxiaotian/article/details/121283863

版权

vue 专栏收录该内容

65 篇文章

订阅专栏

使用 v-for 把数组中的内容循环输出：

<body>
    <div id="app">
        <ul>
            <li v-for="item in list">{{item}}</li>
        </ul>

        <!-- 获取索引的方法： -->
        <ul>
            <li v-for="(item,i) in list">{{i}}----{{item}}</li>
        </ul>
    </div>


    <script src="./js/vue.js"></script>
    <script>
        let vm =new Vue({
            el:'#app',
            data:{
                list:['无极剑圣','疾风剑豪','无双剑姬','无双剑魔','披甲龙龟']
            }
        })
    </script>
</body>