javascript - vue3使用ref定义的对象数据，数据改变了页面未更新问题?

Question

我定义了一个let arr = ref([{a: 0, b: 0, obj: { c:0, d: 0 }}]);
我有一份这样的数据arr1，想赋值给arr;

let arr1 = [{ a: 1, b:1 }];

// 第一种赋值方法
let arr1 = [{ a: 1, b:1 }];
arr.value = arr1;

// 第二种赋值方法
let arr1 = [{ a: 1, b:1 }];
arr.value = [...arr1];

// 第三种强制刷新
let arr1 = [{ a: 1, b:1 }];
arr.value = arr1;
$forceUpdate()

想问一下大佬们，其中第一种直接赋值后，页面没有重新渲染，这是为什么？

Answer 1

生效的啊
不要$forceUpdate()