Vue 03 图书管理案例

1.变异方法(修改原有数据),它们将会触发视图更新

• push() 从后面添加元素，返回值为添加完后的数组的长度
• pop() 从后面删除元素，只能是一个，返回值是删除的元素
• shift() 从前面删除元素，只能删除一个 返回值是删除的元素
• unshift() 从前面添加元素, 返回值是添加完后的数组的长度
• splice(i,n) 删除从i(索引值)开始之后的那个元素。返回值是删除的元素 i 是索引值 n 是个数
• sort() 将数组进行排序,返回值是排好的数组，默认是按照最左边的数字进行排序，不是按照数字大小排序的
• reverse() 将数组反转,返回值是反转后的数组

2.替换数组(生成新的数组)

• filter() 过滤数组，返回一个满足要求的数组
• concat() 连接两个数组 返回值为连接后的新数组
• slice(start end) 切去索引值start到索引值end的数组，不包含end索引的值，返回值是切出来的数组

3.修改响应式数据

• Vue.set(vm.items,indexOfitem,newValue)
• Vm.$set(vm.items,indexOfitem,newValue

1⃣️ 参数一表示要处理的数组名称

2⃣️ 参数二表示要处理的数组的索引

3⃣️ 参数三表示要处理的数组的值