vue：v-for+template【案例+详解】

前端嘻嘻哥

已于 2023-03-22 19:24:18 修改

阅读量932

点赞数 1

文章标签： vue.js javascript 前端

于 2022-10-05 15:35:45 首次发布

本文链接：https://blog.csdn.net/xixi1811/article/details/127172758

版权

看思路配合着代码的注释一起看

<html >
	<head>
		<meta charset="UTF-8" />
		<title></title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<style>
			.d2{
				width: 60px;
				height: 40px;
				background-color: pink;
				display: inline-block;
			}
		</style>
		<div id="app"style="width:250px;border:1px solid red;">
            <!--v-for="i in imgg" imgg是放着很多图片地址的数组，写在下方script -data中-->
            <!--:im='i'i为从数组里面提取的单个地址，然后赋值给im，在由prop传递，显示在页面上-->
			<a-div v-for="i in imgg" :im='i'></gongyuan-div>
		</div>
		
		<!--模板-->
		<templat