【四二学堂】列表渲染二(v-for:vue系列入门示例之十六)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>v-for</title>
		<script src="vue.js" type="text/javascript" charset="UTF-8"></script>
	</head>
	<body>
		<div id="app">			
			<ul>
				<li v-for="item in items">
					{{item.message}}
				</li>
				
				<hr>
				
				<!--针对对象的操作 -->
				<li v-for="value in object">
					{{value}}
				</li>
			</ul>			
		</div>
		
		<script>
			vm=new Vue({
				el:"#app",
				data:{
					items:[
						{message:'leilie'},
						{message:'yuyu'}
					],
					object:{
						title:'how are you',
						author:'leilie',
						pulishedAt:'2020-3-23'
						}				
				}
			});
		</script>
	</body>
</html>

发布了402 篇原创文章 · 获赞 48 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_39593940/article/details/105055966