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

Vue-05.指令-v-for

 v-for      列表渲染,遍历容器的元素或者对象的属性

v-for=“列表元素名 in 列表名”

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Vue-指令-v-for</title><script src="js/vue.js"></script>
</head>
<!-- v-for      列表渲染,遍历容器的元素或者对象的属性 -->
<body><div id = "app"><div v-for="addr in addresses">{{ addr }}</div><hr><div v-for="(addr,index) in addresses">{{ index+1 }}:{{ addr }}</div></div>
</body>
<script>new Vue({el:"#app",data: {addresses:['南京','北京','上海','广州','深圳']}})
</script>
</html>

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

相关文章:

  • 自动驾驶的一些大白话讲解
  • Python学习笔记--参数
  • 刷题——大数加法
  • Pytorch人体姿态骨架生成图像
  • 前端面试常考的HTML标签知识!!!
  • Oracle触发器
  • GPT-5:未来已来,我们如何共舞于智能新纪元?
  • 2024年6月 青少年机器人技术等级考试理论综合试卷(五级)
  • 【Go】 HTTP编程3-路由httprouter
  • Spring Boot 整合 SA-Token 使用详解
  • 1.3 C 语言入门实战:从 Hello World 到基础语法解析
  • 一文读懂什么是Go语言goroutine
  • 计算机毕业设计 农家乐管理平台 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
  • Spring Boot优缺点
  • Android Studio中创建apk签名文件
  • CRC32 JAVA C#实现
  • 本科阶段最后一次竞赛Vlog——2024年智能车大赛智慧医疗组准备全过程——5Webscoket节点的使用
  • 深入学习小程序第二天:事件处理与用户交互
  • 操作系统快速入门(一)
  • Spring Cloud微服务性能优化:策略、实践与未来趋势
  • 秒懂C++之多态
  • C语言:求最大数不用数组
  • 零门槛成为HelpLook推荐官,邀好友加入,奖励享不停!
  • 基于python的图书馆大数据可视化分析系统设计与实现
  • 利用formdata自动序列化和xhr上传表单到后端
  • 视频号小店大地震?还好我看了原文
  • Genymotion adb shell
  • 探索AI与社交的交汇点:看Facebook如何引领智能化革命
  • JVM 加载阶段 Class对象加载位置是在 堆中还是方法区?
  • Android 获取短信验证