数组中哪些方法是响应式的

.push

往数组中添加元素

const arr = ['a', 'b', 'c']

arr.push('d');

通过索引直接修改值，不能做到响应式

const arr = ['a', 'b', 'c']

arr[0] = 'd';

// 可以通过 splice
arr.splice(0, 1, 'd')

// 也可以通过 vue 自带的 set
Vue.set(arr, 0, 'd')

 

.pop

删除数组中最后一个元素

const arr = ['a', 'b', 'c']

arr.pop();

.unshift

在数组头添加元素

const arr = ['a', 'b', 'c']

arr.unshift('d'， 'e', 'f');

.splice

// 从 1 开始，删除几个元素
const arr = ['a', 'b', 'c']

arr.splice(1, num);

// 从 1 开始，删除所有元素
arr.splice(1);

// 从 1 开始，替换 2 个元素
arr.splice(1, 2, 'm', 'n');

// 从 1 开始，插入 2 个元素 - 第二个参数传 0
arr.splice(1, 0, 'm', 'n');

.sort

排序

.reverse

反转