Vue中的v-for,v-if,v-show指令

in 后可以跟普通数组,对象数组,对象,数字
使用for循环遍历数组

{{item.id}}------{{item.item}}-----索引:{{i}}

**使用for循环遍历对象**

值:{{val}}----键:{{key}}---索引:{{i}}

var vm=new Vue({ el:"#app", data:{ user:{ id:1, name:"张三", sex:"男" } } }) **使用for迭代数字,初始值从1开始**

{{count}}

从1开始输出 **使用for循环遍历对象时,key的使用注意事项** 当Vue用 v-for 正在更新已渲染过的元素列表是,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue将不是移动DOM元素来匹配数据项的改变,而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。 为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类型。

{{item.id}}------{{item.name}}

**v-if和v-show的区别**
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值