Vue3中直接修改reactive定义的数据本身

一、清空reactive定义的数组

arr.length = 0

二、修改reactive定义的数组

// 先清空数组再赋值，防止arr中的数据遗留
arr.length = 0 ;
Object.assign(arr,newArr)

三、清空reactive定义的对象

// 1、将obj中所有属性值变为null
Object.keys(obj).forEach(key => {
  obj[key] = null
})

// 2、将obj变为空对象
Object.keys(obj).forEach(key => {
  delete obj[key]
})

四、修改reactive定义的对象

// 1、如果obj和newObj的键值对不一致  先清空obj再赋值
Object.keys(obj).forEach(key => {
  delete obj[key]
})
Object.assign(obj,newObj);

// 2、如果一致
Object.assign(obj,newObj);