vue3.0数组清空与重新赋值

Posted 2023-05-16

参考技术A 记个踩坑笔记

vue3.0里面，如果数组是用reactive()声明的，要清空数组得用list.length = 0,如果想要使用list =[],或者直接赋值类型list = [1,2,3,4,5],得把数组用ref([])来声明，然后用list.value = []来修改,然后如果是对象里面的数组，可以直接使用obj.list = []来清空，因为obj已经被响应式了.

javascript 使用Rest结构赋值与Rest运算符重新分配数组元素

// declare array
let list = [1, 2, 3, 4, 5, 7];

// destructure and assign remaining values into separate array
const [a, b, ...arr] = list;

console.log(a, b);  // 1, 2
console.log(arr);   // [3, 4, 5, 7]