温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
接下来就是最后一个指令,叫V-four,这个指令呢也用了很多。它的整个内容比较多啊,它呢分为item对吧,然后index,然后呢,加上我们要便利的这个元素,或者便利的这个表达式。啊音叉叉,一般来讲我就喜欢用叉叉太立啊,然后同时需要给元素版的一个key属性值的话呢,要有一个唯一的唯一的值来做,它可以是item.id或者是index也行。For的作用就是用来便利展示元素的。来,我们举个例子啊。我们呢,现在有一个这样的数组数据叫person啊,或者persons都行啊,数组数据里面呢,是对象,对象里面的ID,然后呢,有咱们的这个name对吧。比如说named Jack。
01:00
然后有他的年龄啊什么的都行,当然我们就写简单一点啊内容,然后呢,我们可以来多份这样的数据。第。那么name Rose。第三,认为Tom。ID4,我们来一个Jerry。好,那么这样呢,我就有个数组有四个元素啊,那么我希望这个四个元素呢,在页面中都分别展示出来,第一个方式就是你一定把这四个写死。但写的问题就是将来数据发生变化,你这个页面结构就会出现变化了,所以就不太好,所以说我们应该便利生成,那怎么做呢?我们一起来看。我这一个test文本,我希望是所有内容都显示这里就可以用for了,我要编辑的数据是process。对吧,然后用一个in代表编辑它编辑出来的内容呢,你可以加item。对吧,也可以叫index,你可以改名字啊,这些名字不是固定的啊,我们一般来讲建议就是你遍辑什么数据,那么这个就是对应的这个数据编辑persons,那就是编辑出来的person person就是单个对象啊,编出来的单个对象,Index就是它对应的下标。
02:12
同时便利元素呢,为了保证性能更好啊,建议添加一个key属性。一定要添加K属性,Key属性呢一定要用,能有ID就用ID,没有ID的话可以考虑用index k的值要求是个唯一的啊。有ID用ID,因为ID是一定是唯一的,而下标的话,随着如果我们将来有删除操作,一旦删除我们的下标元素的下标会发生变化,导致会这个K的值不唯一了,所以我们尽量有ID用ID。然后里面我们就可以去展示元素了,那么文本内容呢,就可以用数据绑定语法对吧,去展示我们展示的person.name对吧,它person就是这个对象啊,展示他的name。
03:06
同时呢,我们还可以加上这个序号啊,在前面加上这个index,我们看看下index有没有,是不是啊,这个这个符号是个连接符啊,并不是代表什么,具体的含义就是把这两个数据隔开,左边显示index,右边显示present name,好,下面我们来看效果。你看这里就展示了,左边是下标没问题,右边就是它的名字。好了,那么这就是V-for指定的用法,它作用就是用来遍利展示元素的,将来我们有多个元素需要这样遍利展示的话,我们第一时间就要考虑用V跟for进行遍历展示,对吧?那么在这里呢,我们先定义数据,然V跟for直接遍历展示结构就只要写一份了。那么非常的方便,要注意的就是我们要给它添加一个key属性,且K的值必须要保证它是唯一的,有ID就一定要用ID。
我来说两句