vue3中开始全面使用TS,当我们将一个对象做个可侦听对象时,reactive实际捕捉的是内部属性的变化,我们需要通过拷贝的方式才能触发页面更新,数组必须使用push的方式
let cluster = reactive({} as Cluster);
let hostList = reactive([] as Hosts[]);
async function Init() {
await getAllCluster().then((rep) => {
Object.assign(cluster, rep.data[0]);
});
await getHostsWithPage(1,2).then((rep) => {
hostList.length = 0;
hostList.push(...rep.data);
});
}