in 后可以跟普通数组,对象数组,对象,数字
使用for循环遍历数组
{{item.id}}------{{item.item}}-----索引:{{i}}
值:{{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的区别**