博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue v-for循环的用法
阅读量:4264 次
发布时间:2019-05-26

本文共 375 字,大约阅读时间需要 1 分钟。

1、v-for循环普通数组

    ①创建vue对象

    ② 循环数据

    结果:

2、v-for循环对象数组

    ① 创建vue实例对象

   ② 循环对象数组

    结果:

3、v-for循环对象

    ①创建vue对象实例

    ②循环对象

    结果:

4、v-for循环数字

    ①创建vue对象实例

     ②循环数字

    结果:

5、v-for中key的使用方式

    ①创建vue对象实例

    注意:push()方法一般是添加到数组的最后的位置;unshift()方法是往最前面的位置添加。

    ②循环

    注意:

  • v-for循环的时候,key属性只能使用number或String。
  • key在使用的时候,必须使用v-bind属性绑定的形式,指定key的值。
  • 在组件中使用v-for循环的时候,或者在一些特殊情况中,如果v-for有问题,必须在使用v-for的同时,指定唯一的 字符串/数字 类型 :key值。

    结果:

 

转载地址:http://yvhei.baihongyu.com/

你可能感兴趣的文章
ios封装静态库技巧两则
查看>>
Educational Codeforces Round 46 (Rated for Div. 2)
查看>>
Abstract Factory Pattern
查看>>
C# 实现Bresenham算法(vs2010)
查看>>
基于iSCSI的SQL Server 2012群集测试(一)--SQL群集安装
查看>>
list 容器 排序函数.xml
查看>>
Activity启动过程中获取组件宽高的五种方式
查看>>
java导出Excel表格简单的方法
查看>>
SQLite数据库简介
查看>>
利用堆实现堆排序&优先队列
查看>>
Mono源码学习笔记:Console类(四)
查看>>
Android学习路线(十二)Activity生命周期——启动一个Activity
查看>>
《Genesis-3D开源游戏引擎完整实例教程-跑酷游戏篇03:暂停游戏》
查看>>
CPU,寄存器,一缓二缓.... RAM ROM 外部存储器等简介
查看>>
windows下编译FreeSwitch
查看>>
git .gitignore 文件不起作用
查看>>
Alan Turing的纪录片观后感
查看>>
c#自定义控件中的事件处理
查看>>
django Models 常用的字段和参数
查看>>
IOS--沙盒机制
查看>>