vue3中reactive不能直接赋值的解决方案

const arr= ref([])
arr.value = [1, 2, 3]

const arr = reactive([])
arr.push(...[1, 2, 3])

const state = reactive({
  arr: []
});
state.arr = [1, 2, 3]

const state = reactive({
  arr: []
});
state.arr = [1, 2, 3]
return{
  ...toRefs(state),
}

setup(props) {
    //a赋值的时候多套一层对象值赋到a的属性a上
  let a=reactive({a:{id:1,name:'小明'}})
  
  Object
  function fn(){
  //改值时就可以直接给a.a赋值了
    a.a={id:2,name:'小黄'}
    console.log(a);
   
  }
  return {
    fn,a
  }
}

const data= ref([]) 
data.value = [1, 2, 3]

 let a=reactive({id:1,name:'小明'})
  
   function fn(){
  Object.assign(a,{id:2,name:'大明'})
   }