Vue 1-9 v-for / vue数组的修改

1.  v-for:

　　小程序中的for用法:

　　　　<标签   wx:for="{{iterate}}">...</标签>

　　Vue中使用v-for的方法:

　　　　DOM中的v-for与js中的for区别：

　　　　　　1. DOM中使用v-for=(val in 数组/对象)，取得的是数组元素或对象中的 值val

　　　　　　2. js中的for(let item in 数组/对象)， 取得的是数组元素或对象中的 键key

　　　　读取数组,读取对象,用法不同

　　　　注: 使用v-for时,最好使用一个key属性,并v-bind绑定一个数据中的唯一值(类似小程序)

　　　　

2.  Vue中修改数组的方式

　　　　响应式更新vue数据：因为下述方法都需要用到下标作为参数，因此都是针对数组进行数据更新的方法。

　　　　　　1. push(), shift(), unshift(), pop(), splice(), sort(), reverse()

　　　　　　2. vue.set()(等同this.$set()) 也是针对数组进行数据更新

　　　　不是响应式：数组[index] = value

　　　　注意:  Vue.set()用于数组和对象,有些许不同

　　　　　　1.对于对象, Vue.set(obj,  key,  value) 可以修改也可以新增key和alue

　　　　　　2. 对于数组, Vue.set(arr,  index,  content) 可以修改某下标的元素, 也可以新增一个下标和元素