解决vue中reactive声明的响应式对象赋值后不是响应式

问题

声明一个resource对象

let resource = reactive({});

调用接口获取到响应数据 data 

async function getResource() {

  let { data } = await API.getResourceById(id.value);

  console.log(data);

  resource = data;

}

resource = data;

这样赋值后resource对象变成普通对象，而非响应式对象

解决方法

将获取响应数据时声明用的 let 换为 const 

async function getResource() {

  const { data } = await API.getResourceById(id.value);

  console.log(data);

  resource = data;

}