热门标签
热门文章
- 1Unity开发者3D模型基础
- 2面试专题：兴盛优选二面_兴盛优选 数据开发实习生面经
- 3php selenium cookie,selenium如何获取cookies，并实现使用cookies自动登录（一）
- 4常见的编码格式/txt文件乱码_txt编码latin-1
- 5文本特征提取：词袋模型/词集模型，TF-IDF_词集模型 词袋模型
- 6UIKit-UIPopoverPresentationController
- 7配置Hadoop伪分布式_要配置hadoop单节点伪分布式系统,需要对刚解压后的hadoop文件中的某些配置文件做
- 8hadoop高可用【HA】配置详解_配置hadoopha时,定义服务名的配置属性是
- 9推理引擎的优化：性能与准确性的平衡
- 10Android studio不自动提示代码以及gradle jdk版本要求问题：Android Gradle plugin requires Java 11 to run. You arecurre_android studio ndk没有自动提示
当前位置: article > 正文
vue-指令v-for
作者：Monodyee | 2024-04-07 08:53:55
赞
踩
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>vue-指令v-for</title>
</head>
<body>
<div id="app">
<h3>水果店</h3>
<ul>
<li v-for="(item,index) in list">
{{item}}--{{index}}
</li>
</ul>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
list:['西瓜','苹果','鸭梨','榴莲']
},
})
//data中的数据，是会被添加到实列上
//1.访问数据 实列.属性名
//2.修改数据 实列.属性名=新值
</script>
</body>
</html>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/377622
推荐阅读
相关标签
