vue3中改变数组的值

刚学vue3，在写一个轮播图时，需要动态改变轮播图中的数据。每次需要先清空arr，然后再重新往里面塞数据。

let arr = reactive([{id:1},{id:2}])

1.赋值(以下两种方法皆无法生效，虽然arr的值变成空了，但是页面上还是原来的数据)

arr = reactive([]) //可能是创造了一个新的对象，但是原来那个对象还在，页面上的数据还是来自原对象
arr = [] //想想就不行

2.splice函数（可行）

arr.splice(0,arr.length)

3.给数组的length赋值为0（可行）

arr.length = 0

后两种改变的都是初始的arr值，也就是和页面绑定的值，而第一种并没有改变和页面绑定的值。