vue3中reactive无法触发响应式及解决方法

1.用reactive定义的对象不可以给新对象直接赋值
错误的方法
let arr = reactive([])
//数据不会响应式更新视图
const change = () => {
  arr = [
    {
      id: 1,
      label: '滑雪'
    },
    {
      id: 2,
      label: '打雪仗'
    }
  ]
}

正确的方法
方法一
let arr = reactive({ list: [] })
const change = () => {
  arr.list = [
    {
      id: 1,
      label: '滑雪'
    },
    {
      id: 2,
      label: '打雪仗'
    }
  ]
}
方法二
let arr = reactive([])
const change = () => {
let newArr =[
    {
      id: 1,
      label: '滑雪'
    },
    {
      id: 2,
      label: '打雪仗'
    }
  ]
  arr.push(...newArr)
}
方法三
let arr = ref([])
const change = () => {
  arr.value= [
    {
      id: 1,
      label: '滑雪'
    },
    {
      id: 2,
      label: '打雪仗'
    }
  ]
}