day05/上午/096-尚硅谷-尚融宝-列表渲染

好，列表渲染呢，我们先创建一个文件，叫零九列表渲染。接下来呢，我们把DEMO给它复制一下好，然后接下来呢，我们在列表渲染里面呢，先定义一个数据列表哈，既然是列表渲染，那我们首先得有列表好，数据列表里面呢，我们就定一个user list啊，然后呢，User list既然是个列表，我们以列表的形式定义啊，列表里面呢，有若干对象，我们列表里面装对象，比如说username。二张三，然后呢，Age。呃，18行，然后我们再来定义一个。再来第一个呢，比如说叫张三。三。然后呢，Age？108行，那这样的话呢，就是我们定义的一个数据列表了，那么我们怎么样把这个数据列表展示在我们的页面当中呢？在上面这个地方啊，我们用一个循环语句啊，哎，我呢，比如说把它写在一个ul里面，然后写在一个Li里面，然后Li里面呢，我可能要展示他的这个姓名和年龄了，姓名啊，还有这个年龄哈，好，那这个姓名和年龄我具体怎么去给它遍利出来呢？这面呢，我要用到一个叫V-for的这样的一个语句，然后V-for里面呢，我们要便利谁呢？要便利user list，就刚才我们定义的这个user list，然后user list里面的内容，我们遍利到哪呢？我们自己定义一个变量，比如说叫user in啊，User list，或者是什么item。

什么都行啊，那这个变量是我们自己定义的，那么它呢，就是啊，在列表当中的每一个啊元素都会被啊放在这个item里面，然后以循环的形式呢展示在这个位置，那所以呢，我们要展示名字的话，那在这个位置呢，我们就写item.username要展示年龄的话，那这个地方呢，我们就写item.age好，那这样的话呢，我们这个。

就展示出来了，那我们来预览一下。右键预览。大家看现在呢，我这个两个人的姓名和年龄呢，就。用这个列表渲染的形式啊，都显示在我们的页面当中了，那么同时呢，在这个地方还有一个扩展的功能啊，就是我们可以写一个大括号小括号啊，然后有一个关键字啊，注意是关键字，什么样的关键字呢？叫index，这个必须叫index index呢表示的是所以。这个item并不是关键词，是我们自己起的名字，起什么都行，对代词是个关键字，然后接下来呢，我们在这个地方，比如说写index，就是索引了，好，然后接下来呢，我们在这地方又可以看到它的索引了，是不是啊，这是啊，索引是零，这是所引是一，然后呢，我要写写序号的话，比如说写序号。

序号的话呢，那就是index加一，其实就可以作为序号。好，那这是一这是二是吧，啊，所以这块呢，就是我们整个的列表渲染这部分的内容了，这块跟我们之前Java当中的那个，呃，列表渲染啊，条件渲染啊什么都很像啊，所以这块相对来说呢，是比较简单的。