vue+elementUI查询出数据并在页面中用v-for遍历

vue+elementUI查询出数据并在页面中用v-for遍历

先看一个foreach循环

for(item:items){
   
	//foreach循环
	//遍历items数组中的元素
	console.log(item);
}

• v-for就很类似于foreach循环
• 在data()的return中新建items数组 然后把查到的数据赋值给items
• 在{ {item.userName}}中item是每个元素, userName是每条json数据中的key
• :key="item.id"是因为需要给一个不可能相同的值,所以主键id是比较好的选择

<template>
  <div>
	  <div v-for=