Vue入门02--for循环

最新推荐文章于 2023-12-03 13:19:36 发布

AsaZyf

最新推荐文章于 2023-12-03 13:19:36 发布

阅读量190

点赞数

分类专栏： Vue 文章标签： Vue Vue for循环 Vue入门

本文链接：https://blog.csdn.net/AsaZyf/article/details/83269325

版权

Vue 专栏收录该内容

50 篇文章 1 订阅

订阅专栏

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://lib.baomitu.com/vue/2.5.17/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<ul>
				<li v-for="item in list">
					{{item.title}}
				</li>
			</ul>
		</div>
		<script>
			new Vue({
				el:"#app",
				data:{
					list:[
					    {title:"First"},
					    {title:"Second"}
					]
				}
			})
		</script>
	</body>
</html>

显示：