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

vue v-for 例子

vue v-for 例子

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div id="app"><h3>小黑水果店</h3><ul><li v-for="(item, index) in list">{{ item }} - {{ index }}</li></ul><ul><li v-for="item in list ">{{item}}</li></ul></div><script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.14/vue.js"></script><script>const app = new Vue({el: '#app',data: {list: ['西瓜', '苹果', '鸭梨', '榴莲'],},})</script></body></html>

aa

在这里插入图片描述

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

相关文章:

  • 206.Flink(一):flink概述,flink集群搭建,flink中执行任务,单节点、yarn运行模式,三种部署模式的具体实现
  • 科技探究之旅--亲子研学活动
  • 华为云Stack的学习(三)
  • 大数据平台三大优势详解-行云管家
  • 智慧景区方案:AI与视频融合技术如何助力景区监管智能化升级?
  • HTML基础--Form表单--内联元素
  • 【月度刷题计划同款】常规状压 DP 启发式搜索
  • C#: Json序列化和反序列化,集合为什么多出来一些元素?
  • Docker教程-centos快速安装和配置Docker
  • three.js(四):react + three.js
  • IDEA全局统一设置Maven
  • CSS中的margin与padding
  • 匿名内部类、Lambda、方法引用 的总结
  • 本地docker registry 搭建
  • 阿里云将关停代销业务
  • 【ES6】JavaScript的Proxy:理解并实现高级代理功能
  • [Pandas] 求百分比并添加百分(%)号
  • 《算法竞赛·快冲300题》每日一题:“凑二十四”
  • git reset --hard HEAD
  • 机器人编程怎么入门?
  • 广州华锐互动:VR垃圾分类虚拟科普系统让学习过程更加丰富有趣
  • 手机盖板IR油墨透光率检测仪T03
  • ChatGPT⼊门到精通(6):ChatGPT 提问设计
  • 如何使用 Tailwind CSS 设计高级自定义动画
  • 【C语言】循环语句详解
  • SpringBoot项目配置文件数据库用户名密码加密
  • 5个IT事件管理的最佳实践
  • 双核和双路服务器的区别
  • 学习JAVA打卡第四十七天
  • Exploring Unreal Engine New Free Archviz Explorer Project 视频笔记