## 列表渲染指令v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。v-for 还支持一个可选的第二个参数index为当前项的索引。 为了能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。理想的 key 值是每项都有的且唯一的 id，它的工作方式类似于一个属性，所以你需要用 v-bind 来绑定动态值。 > uni-app中嵌套列表渲染，必须指定不同的索引！需要填写:key="xx"，或者v-bind:key=”xx”。 以下的示例演示了如何结合v-show指令和v-for指令条件输出，并使用Flex布局生成表格输出。 > 本例演示了Flex布局的垂直居中和水平居中，表格的每一列占屏幕宽度的1/3。 * [ ] pages/lab/gramma/vfor.vue  ### [key](https://uniapp.dcloud.io/use?id=key) 如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如``中的输入内容，``的选中状态），需要使用`:key`来指定列表中项目的唯一的标识符。 `:key`的值以两种形式提供 * 使用`v-for`循环`array`中`item`的某个`property`，该`property`的值需要是列表中唯一的字符串或数字，且不能动态改变。 * 使用`v-for`循环中`item`本身，这时需要`item`本身是一个唯一的字符串或者数字 当数据改变触发渲染层重新渲染的时候，会校正带有`key`的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。 **如不提供`:key`，会报一个`warning`， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。** **示例：**

EcmaScript基础

常量与变量

函数的基本概念

while循环

for循环

对象的方法

变量作用域

map/reduce

filter

Promise

Arguments 对象

Map和Set

Json基础

RegExp

async

callback

promise基础

promise-api

promise链

async-await

远程API请求

面向对象编程

Classes

extends

static

import

export

第三方扩展库

immutable

Vue快速入门

理解MVVM

Vue中的MVVM模型

Webpack+Vue快速入门

计算属性和侦听器

Class 与 Style 绑定

表单输入绑定

自定义事件

移动客户端开发

uni-app基础

快速入门程序

底部Tab导航

Vue语法基础

计算属性与侦听器

Class与Style绑定

样式与布局

Box模型

Flex布局

v-model与表单

条件渲染指令

列表渲染指令v-for

事件与自定义属性

贝店商品列表

加载更多数据

自定义组件

状态管理vuex

Flyio

Mockjs

常用功能实现

上拉加载更多数据

数据加载综合案例

Teaset UI组件库

Teaset设计

Teaset使用基础

ts-tag

ts-badge

ts-button

ta-banner

ts-list

ts-icon

ts-load-more

ts-segmented-control

失物招领客户端原型

服务端开发技术

服务端开发环境配置

Koajs快速入门

常用Koa中间件介绍

RestfulApi

一个复杂的RESTful例子

使用Mockjs生成模拟数据

Thinkjs快速入门

MVC模式

Thinkjs介绍

RESTful服务

RBAC案例

应用开发框架

服务端开发

PC端管理界面开发

移动端开发

失物招领项目

移动客户端UI设计

服务端设计

数据库设计

Event（事件）

客户端设计

事件列表页面

事件详情页面

API设计

image

event

微信公众号开发

ui设计规范