v-for 循环数组

最新推荐文章于 2024-04-03 11:58:35 发布

huxiaoxiao.

最新推荐文章于 2024-04-03 11:58:35 发布

阅读量1.6k

点赞数

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

本文链接：https://blog.csdn.net/lolhuxiaotian/article/details/121283863

版权

vue 专栏收录该内容

65 篇文章 2 订阅

订阅专栏

使用 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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

huxiaoxiao.

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
v-for 循环数组

使用 v-for 把数组中的内容循环输出：<body> <div id="app"> <ul> <li v-for="item in list">{{item}}</li> </ul>  <ul> <li v-for="(item,i) in li
复制链接

扫一扫