栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Vue学习--列表渲染

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Vue学习--列表渲染

我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。(指令指的是带有v-的语句)

1、使用v-for指令对object对象进行列表渲染
2、key表示数组的索引,value表示数组的值
3、为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key attribute:
 

	
	
  • {{item.message}}
  • 
    
    	
    		
    		
    	
    	
    	
    	
    		
    • {{item.message}}

    显示结果页面

     

    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/1006838.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号