当前位置: 首页 > news >正文

VUE学习之路——列表渲染

<p v-for="item in items">{{ item }}</p>

使用v-for进行列表的渲染。
这仅仅是一个简单的demo,使用v-for可以用来遍历数组和对象,具体如下:
注意:遍历数组或对象的时候,()的顺序不要更换。遍历的时候使用of代替in具有同样的效果。
遍历数组:

<p v-for="(item,index) in items">{{ item }} - {{ index }}</p>
<p v-for="(value,key,index) in items">{{ value }} - {{ key }} - {{ index }}</p>

通过key管理状态
在这里插入图片描述
元素顺序发生改变的时候,不加key,重新渲染;加key,只改变顺序。

http://www.lryc.cn/news/296749.html

相关文章:

  • CentOS 安装 redis 7.2
  • 运维自动化bingo前端
  • Project2013下载安装教程,保姆级教程,附安装包和工具
  • 【机器学习与自然语言处理】预训练 Pre-Training 各种经典方法的概念汇总
  • Mac电脑如何通过终端隐藏应用程序?
  • linker list
  • [CUDA手搓]从零开始用C++ CUDA搭建一个卷积神经网络(LeNet),了解神经网络各个层背后算法原理
  • 【开源】基于JAVA+Vue+SpringBoot的数据可视化的智慧河南大屏
  • 页面单跳转换率统计案例分析
  • 眸思MouSi:“听见世界” — 用多模态大模型点亮盲人生活
  • 电商小程序05用户注册
  • 什么是UI设计?
  • React 实现表单组件
  • PlantUML绘制UML图教程
  • 自学Python第二十二天- Django框架(六) django的实用插件:cron、APScheduler
  • 医院挂号预约|医院挂号预约小程序|基于微信小程序的医院挂号预约系统设计与实现(源码+数据库+文档)
  • 网络选择流程分析(首选网络类型切换流程)
  • AutoSAR(基础入门篇)6.1-Vector的汽车电子开发工具链简介
  • TI的电量计驱动在卸载时导致Linux卡死
  • 使用yolo训练自己的模型
  • 堆的概念实现
  • Redis(三)主从架构、Redis哨兵架构、Redis集群方案对比、Redis高可用集群搭建、Redis高可用集群之水平扩展
  • pnpm + vite 从外网迁移到内网环境开发
  • 寒假作业7
  • 【0257】关于pg内核shared cache invalidation messages (概念篇)
  • Nginx 缓存集成、清除、设置不缓存资源
  • C++面试宝典第27题:完全平方数之和
  • webrtc native api的几个要点
  • MinMaxScaler, StandardScaler数据预处理中常用的两种缩放方法,用于将数据标准化或归一化到特定的范围或分布
  • 【Web】vulhub Shiro-550反序列化漏洞复现学习笔记