vue中v-for（列表渲染）的使用方法及注意，v-for的key属性的歧义

未可知。

已于 2022-07-19 18:34:57 修改

阅读量4.2k

点赞数 3

分类专栏： Vue 文章标签： vue.js javascript 前端

于 2022-07-14 21:08:37 首次发布

本文链接：https://blog.csdn.net/weixin_52099241/article/details/125791860

版权

当要对一组数据进行渲染时，我们可以用v-for来完成 v-for遍历数组格式：v-for="(item, index) in items"。说明：index为可选参数，是索引值，当不需要得到每一项的索引值时，可以省略index 也可以用{{index+1}}之类的加减法得到类似于排名一样的效果这里的item和index都是形参，而items是数组的名，数组的名字是必须和后面data数据里的数组名对应的，你也可以写(a，b) in items......

摘要由CSDN通过智能技术生成

vue中v-for（列表渲染）的使用方法及注意

1 数组

当要对一组数据进行渲染时，我们可以用v-for来完成
v-for遍历数组
格式：v-for=“(item, index) in items”。
说明：index为可选参数，是索引值，当不需要得到每一项的索引值时，可以省略index
也可以用{ {index+1}}之类的加减法得到类似于排名一样的效果
这里的item和index都是形参，而items是数组的名，数组的名字是必须和后面data数据里的数组名对应的，你可以写(a，b) in items或者(xx,xxxx) in items
总之，格式为 (形参1,形参2) in 数组名

<!DOCTYPE html>
 <html lang="en"><!--第一个就写的全一点 其他就写部分代码 -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <div v-for="item in list">
            {
   {
   item}}    注释<br> 
            <!-- 这里的item和index都是形参，而items是数组的名，-->
            <!--数组的名字是必须和后面data数据里的数组名对应的，你可以写(a，b) in items或者(xx,xxxx) in items

最低0.47元/天解锁文章

未可知。

关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
vue中v-for（列表渲染）的使用方法及注意，v-for的key属性的歧义

当要对一组数据进行渲染时，我们可以用v-for来完成 v-for遍历数组格式：v-for="(item, index) in items"。说明：index为可选参数，是索引值，当不需要得到每一项的索引值时，可以省略index 也可以用{{index+1}}之类的加减法得到类似于排名一样的效果这里的item和index都是形参，而items是数组的名，数组的名字是必须和后面data数据里的数组名对应的，你也可以写(a，b) in items......
复制链接

扫一扫

专栏目录