变异方法 – 包含一组观察数据的变异方法(影响原始数组)，将会触发视图更新

• push() -添加元素到数组末尾

• pop() -移除数组最后一项，返回移除值

• shift() -删除原数组第一项，并返回删除元素的值

• splice() -删除、插入和替换

• sort() -数组排序

• reverse() -数组顺序反转

• map() -数组每一项运行给定函数

替换方法 - 返回一个新数组，可以用新数组替代旧数组

• filter() -数组中每一项运行给定函数，返回满足过滤条件的数组

• concat() -将参数添加到原数组中

• slice() -返回从原数组中指定开始下标到结束下标之间的项组成的新数组

修改响应式数据(实例方法)

Vue.set(vm.items, index，newValue)

Vue.$set(vm.items, index, newValue)

• 参数1表示要处理的数组名称

• 参数2表示要处理的数组索引

• 参数3表示要处理的数组的值

new Vue({
  el: ‘#app’,
  data: {
    books: [                              book数组对象
{id: 1, name: 'Tom ' },
{id: 2, name: ’Jarry’},
{id: 3, name: ‘Smith’}
]
}
})
methods: {
handle: function() {
  let book = { }
  book.id = 4
  book.name = ‘Tony’
  this.books.push(book)               数组添加数据
this.books.splice(index, 1)            数组根据index删除数据
}
}