Vue3 对象结构赋值 失去响应式 toRefs

一、原理

recative对象结构赋值

p = recative({k:v, a:b}) // p.v 和 p.a是响应式数据

let {k, a} = p  // 相当于 let k = p.k  let  a =p.a， k和a不是响应式数据

二、解决方案

p = recative({k:v, a:b})
let {k, v} = toRefs(p)