Vue(八)v-for常规用法

代码:

<template>
	<div id="testa">
		{
    
    {
    
    name}}
		<br />
		<ul>
			<li v-for="(a,k) in name" :key="k">{
    
    {
    
    k}}={
    
    {
    
    a}}</li> //:key绑定唯一的索引值(key) a即value k即key
		</ul>
	</div>
</template>

<script>
	export default {
    
    
		name: 'test',
		data() {
    
    
			return {
    
    
				name: [2,3,56,87,45,21,35,12]
			};
		}
	};
</script>
<style>
</style>

输出:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u014752033/article/details/108278559