reactive不能解构

• 当使用reactive定义一个对象，不能使用解构（数据不能修改成功）。

  • 举例：

    const obj = reactive({
        a: 'polaris',
        b: 20
    })
    
    obj.b = 13;
    console.log(obj.b); // b=20，未改成功。
    

• • 解决： 使用toRefs。
  • 注意：使用了toRef或toRefs，取值要.value。

// 修改后：
const obj = reactive({
    a: 'polaris',
    b: 20
})

obj.b = 13;
console.log(obj.b); // b=20，未改成功。