Vue应用程序开发（第2版）课件 第3章Vue.js内置指令第1节基本指令.pptxVIP

;01;第3章Vue.js的内置指令;3.1基本指令;3.1基本指令;3.1基本指令;3.1基本指令;3.1基本指令;3.1基本指令;3.1基本指令;3.1基本指令;v-for指令用于遍历数组和对象，以及迭代整数，其表达式需要结合in来使用,代码如下。;在v-for表达式中，clothes是数组，cloth是当前数组元素的别名，循环生成的每个li标签内部都能访问到与之对应的当前cloth数据。v-for表达式支持将一个可选参数作为当前项的索引，代码如下。;v-for指令除了可以遍历数组，还可以遍历对象的属性，代码如下。;v-for指令遍历对象属性时，有两个可选参数，分别是key和index，代码如下。;Vue包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：

push()添加元素

pop()删除最后一个元素

shift()删除第一个元素

unshift()添加一个元素到数组最前面

splice()方法用于插入、删除或替换数组的元素

sort()排序（升序）

reverse()排序（降序）

变异方法(mutationmethod)，即使用以上方法会改变被这些方法调用的原始数组。;